如何使用 javascript 设置下拉菜单的选定值?
这是我的 HTML:
<select id="strPlan" name="strPlan" class="formInput">
<option value="0">Select a Plan</option>
</select>
我正在使用 javascript 添加值。谁能告诉我如何调用一个函数来选择一个值?
最佳答案
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');
如果您的意思是要根据其值选择一个选项,请使用:
声明这个函数:
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');
关于javascript - 如何使用javascript设置下拉列表的选定索引,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8486979/