我有以下HTML <select>元素:
<select id="leaveCode" name="leaveCode">
<option value="10">Annual Leave</option>
<option value="11">Medical Leave</option>
<option value="14">Long Service</option>
<option value="17">Leave Without Pay</option>
</select>
使用带有leaveCode数字作为参数的JavaScript函数，我如何在列表中选择适当的选项?
当前回答
应该是这样的:
function setValue(inVal){
var dl = document.getElementById('leaveCode');
var el =0;
for (var i=0; i<dl.options.length; i++){
if (dl.options[i].value == inVal){
el=i;
break;
}
}
dl.selectedIndex = el;
}
其他回答
function foo(value)
{
var e = document.getElementById('leaveCode');
if(e) e.value = value;
}
function setSelectValue (id, val) {
document.getElementById(id).value = val;
}
setSelectValue('leaveCode', 14);
为什么不为元素的Id添加一个变量，使其成为一个可重用的函数呢?
function SelectElement(selectElementId, valueToSelect)
{
var element = document.getElementById(selectElementId);
element.value = valueToSelect;
}
恐怕我现在无法测试这个，但在过去，我相信我必须给每个选项标签一个ID，然后我做了如下的事情:
document.getElementById("optionID").select();
如果这行不通，也许它会让你更接近一个解决方案:P
你很可能想要这个:
$("._statusDDL").val('2');
OR
$('select').prop('selectedIndex', 3);
