选项值转为undefined

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

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

onchange="changeTheme(this.value)"

Answer 2

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

如：

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