期权价值变得不确定

Question

我有一个代码可以使用 select 元素将我网站的主题从一个主题切换到另一个主题。该函数的代码是：

function changeTheme(theme) {
    sltr = document.getElementById('themepicker');
    theme = theme + '.css';
    document.getElementById('help').innerHTML = theme;
    sltr.setAttribute('href', theme);
}

select 元素的代码是：

<select id="theme" onchange="changeTheme(this.options.value)">
    <option value="mainstyle" selected>Default/Grove Colors</option>
    <option value="maindark">Dark</option>
</select>

Answer 1

由于 select 元素的 value 是所选选项的值，只需使用 this.value:

onchange="changeTheme(this.value)"

Answer 2

要获取所选值，您需要 this.value 而不是 this.options.value。

如：

<select id="theme" onchange="changeTheme(this.value)">

期权价值变得不确定

option value turning undefined

html

javascript

css

webpage