我有以下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函数，我如何在列表中选择适当的选项?
当前回答
你很可能想要这个:
$("._statusDDL").val('2');
OR
$('select').prop('selectedIndex', 3);
其他回答
这里提到的大部分代码都不适合我!
最后，这招奏效了
窗口。addEventListener很重要，否则，你的JS代码将在Options中获取值之前运行
window.addEventListener("load", function () {
// Selecting Element with ID - leaveCode //
var formObj = document.getElementById('leaveCode');
// Setting option as selected
let len;
for (let i = 0, len = formObj.length; i < len; i++){
if (formObj[i].value == '<value to show in Select>')
formObj.options[i].selected = true;
}
});
希望这有帮助!
假设你的表单名为form1:
function selectValue(val)
{
var lc = document.form1.leaveCode;
for (i=0; i<lc.length; i++)
{
if (lc.options[i].value == val)
{
lc.selectedIndex = i;
return;
}
}
}
为什么不为元素的Id添加一个变量，使其成为一个可重用的函数呢?
function SelectElement(selectElementId, valueToSelect)
{
var element = document.getElementById(selectElementId);
element.value = valueToSelect;
}
应该是这样的:
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;
}
document.getElementById('leaveCode').value = '10';
这应该会将选择设置为“年假”
