选项值变为未定义

Question

我有一段代码，使用select元素将我的网站从一个主题切换到另一个主题。该函数的代码如下：

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

选择元素的代码如下：

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

- Tyler Silberman

Answer 1

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

onchange="changeTheme(this.value)"

- Jack Bashford

---

没问题@TylerSilberman，如果我的答案解决了你的问题，请点击我答案左侧的灰色勾号将其标记为已接受。 - Jack Bashford

Answer 2

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

例如：

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

- Tony Gentilcore