Событие onselect в теге HTML <option></option>

Question

Привет, в настоящее время у меня есть список с событием onChange в <select>... Теперь у меня есть два варианта, как вы можете видеть в коде ниже. Опция 55-rene получила свойство selected = "selected" , поэтому оно автоматически выбирается при загрузке страницы. Теперь я хочу, чтобы, когда параметр был выбран автоматически (как показано ниже), он будет работать с выбором (showSubCategories (this.value))

 <select name="category" id="category" size="12" 
                   onChange="showSubCategories(this.value)" >
    <option selected="selected" value="55-rene">Rene</option>
    <option value="55-kyle">Kyle</option>
    </select>

Answer 1

Инициирует событие изменения SELECT при загрузке страницы.

Попробуйте это:

<script type="text/javascript">
    window.onload = function(){
        var category = document.getElementById("category");
        category.onchange();
    }
</script>

Answer 2

Если я правильно понял ваш вопрос, тогда позвоните showSubCategories(document.getElementById('category').value), когда страница загрузится.

Событие onChange не будет срабатывать, если элемент выбран для выбора по умолчанию.