如何使用javascript设置下拉列表的选定索引

Question

如何使用javascript设置下拉列表的选定值？

这是我的HTML:

<select id="strPlan" name="strPlan" class="formInput">
    <option value="0">Select a Plan</option>
</select>

我正在使用javascript来添加值.谁能告诉我如何调用函数来选择一个值？

Answer 1

如何使用javascript设置下拉列表的选定值？

因此,您想要更改当前所选选项的值.那是对的吗？

function setValueOfSelected(select, valueToSetTo){
    select.options[select.selectedIndex].value = valueToSetTo;
}

并称之为:

setValueOfSelected(document.getElementById('strPlan'), 'selected');

演示

如果您想要根据其值选择选项,请使用以下命令:

声明这个功能:

function setOptionByValue(select, value){
    var options = select.options;
    for(var i = 0, len = options.length; i < len; i++){
        if(options[i].value === value){
            select.selectedIndex = i;
            return true; //Return so it breaks the loop and also lets you know if the function found an option by that value
        }
    }
    return false; //Just to let you know it didn't find any option with that value.
}

现在调用它来按值设置选项,如下所示,第一个参数是select元素,第二个参数是值:

setOptionByValue(document.getElementById('strPlan'), '1');

演示