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

Question

如何使用 javascript 设置下拉菜单的选定值？

这是我的 HTML:

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

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

Answer 1

How can I set the selected value of a dropdown using javascript?

因此，您想更改当前选中的选项的值。对吗？

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

然后这样调用它:

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

Demo

---

如果您的意思是要根据其值选择一个选项，请使用:

声明这个函数:

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.
}

现在调用它来按值设置选项，像这样，第一个参数是选择元素，第二个参数是值:

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

Demo