如何使用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');

演示

Answer 2

我相信这样的东西可以起作用：

function setDropDownList(elementRef, valueToSetTo)
{
    var isFound = false;

    for (var i = 0; i < elementRef.options.length; i++) {
        if (elementRef.options[i].value == valueToSetTo) {
            elementRef.options[i].selected = true;
            isFound = true;
        }
    }

    if ( isFound == false )
        elementRef.options[0].selected = true;
}

在这里找到它。 只是谷歌的'设置选定的价值下拉javascript'，你会得到许多可能的解决方案。