使用选项ID选择

时间:2014-01-08 06:56:06

标签: javascript

<select id="editSkillList">  
     <option id="0">Select</option>
     <option id="8">text1</option>
     <option id="5">text2</option>
     <option id="4">text3</option>     
</select><br><br>

Javascript代码

document.getElementById("editSkillList").selectedIndex="2";

但是我希望使用选项id选择设置。它可以吗?那请帮帮我

3 个答案:

答案 0 :(得分:1)

您可以将选择值设置为定位ID后从选项中获得的文本

document.getElementById("editSkillList").value = document.getElementById('4').innerText;

FIDDLE

修改

如果选项有值,则只需将选择值设置为其中一个选项值

document.getElementById("editSkillList").value = document.getElementById('4').value;

答案 1 :(得分:1)

你可以这样做:

document.getElementById('5').selected = true;

'5'替换为您需要选择的选项的id

答案 2 :(得分:0)

您可以使用以下代码选择您的选项。

<强>的Javascript

document.getElementById("editSkillList").value = document.getElementById('4').value;

或者您也可以使用此代码。

var editSkillList = document.getElementById("editSkillList");

editSkillList.options[editSkillList.selectedIndex].value;

我希望它会对你有所帮助。