如何使用JavaScript更改HTML选定选项？
如何使用JavaScript更改HTML选定选项？
提问于 2012-06-06 17:29:09
我有像这样的选项菜单：
<form name="AddAndEdit">
<select name="list" id="personlist">
<option value="11">Person1</option>
<option value="27">Person2</option>
<option value="17">Person3</option>
<option value="10">Person4</option>
<option value="7">Person5</option>
<option value="32">Person6</option>
<option value="18">Person7</option>
<option value="29">Person8</option>
<option value="28">Person9</option>
<option value="34">Person10</option>
<option value="12">Person11</option>
<option value="19">Person12</option>
</select>
</form>现在，我想使用href来更改选定的选项。例如：
<a href="javascript:void(0);"
onclick="document.getElementById('personlist').getElementsByTagName('option')[11].selected = 'selected';">change</a>但我想使用value=11 (Person1)而不是Person12来选择该选项。
如何更改此代码？
回答 9
Stack Overflow用户
回答已采纳
发布于 2012-06-06 17:38:29
变化
document.getElementById('personlist').getElementsByTagName('option')[11].selected = 'selected'至
document.getElementById('personlist').value=Person_ID;Stack Overflow用户
发布于 2017-02-01 08:12:02
mySelect.value = myValue;其中，mySelect是您的选择框，myValue是要将其更改为的值。
Stack Overflow用户
发布于 2016-08-19 16:43:39
您还可以像这样更改select.options.selectedIndex DOM属性：
function selectOption(index){
document.getElementById("select_id").options.selectedIndex = index;
}<p>
<select id="select_id">
<option selected>first option</option>
<option>second option</option>
<option>third option</option>
</select>
</p>
<p>
<button onclick="selectOption(0);">Select first option</button>
<button onclick="selectOption(1);">Select second option</button>
<button onclick="selectOption(2);">Select third option</button>
</p>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10911526
复制相关文章
相似问题