значение параметра становится неопределенным

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>

Answer 1

Чтобы получить выбранное значение, вы хотите this.value вместо this.options.value.

Как в:

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

Answer 2

Поскольку value элемента select является значением выбранной опции, просто используйте this.value:

onchange="changeTheme(this.value)"