以编程方式选择下拉选项

Question

是否可以使用纯Javascript以编程方式触发选项点击？

HTML：

<select id="racetype" class="select-menu" name="race-type">
            <option value="value" class="select-option js-select-option racetype-all" data-filter-value=".js-find-race-item">Race Types</option>
            <option value="value" class="select-option js-select-option racetype-sprint" data-filter-value=".js-type-sprint">Sprint</option>
            <option value="value" class="select-option js-select-option racetype-super" data-filter-value=".js-type-super">Super</option>
            <option value="value" class="select-option js-select-option racetype-beast" data-filter-value=".js-type-beast">Beast</option>
</select>

<a href="javascript:void(0)" onclick="SOsprint();">Click to select the second option (Sprint)</a>

JAVASCRIPT：

function SOsprint() {
    var select = document.getElementById("racetype");
    select.selectedIndex = 1;
    return false;
}

Answer 1

您不需要[0] 。 getElementById()仅返回单个元素，而不返回NodeList

做这个：

var select = document.getElementById("racetype");

Answer 2

不需要使用[0]作为document.getElementById ，通过其ID（不是数组）返回对该元素的引用。

采用

 var select = document.getElementById("racetype");

代替

var select = document.getElementById("racetype")[0];