javascript - 按值选择

Question

<select id="selectBox">
  <option value="2"> two </option>
  <option value="4"> four</option>
  <option value="6"> six </option>
</select>

我的值为 4，现在如何selectBox使用 javascript 选择值为 4？

Answer 1

document.getElementById("selectBox").value=4;​

---

-- 查看演示 --

Answer 2

你也可以这样做

 <option value="4" selected="selected"> four</option>

默认情况下，它被选中 vale 4

Answer 3

你在找这个吗？

        <script type="text/javascript">
function fnc(myid,other1,other2)
{
    document.getElementById(myid).text=myid+" is selected";
    document.getElementById(other1).text=other1;
    document.getElementById(other2).text=other2;
}
</script>
<select id="selectBox">
  <option value="2" id="two" onclick="fnc(this.id,'four','six')"> two </option>
  <option value="4" id="four" onclick="fnc(this.id,'two','six')"> four</option>
  <option value="6" id="six" onclick="fnc(this.id,'two','four')"> six </option>
</select>

Answer 4

如果您使用的是 Jquery，您可以在 javascript 工作时进行编码。首先，您必须选择
<option value="4"> four</option>：$("#selectBox option[value='4']") 然后您必须将 selected 更改为 true。这是代码：

$("#selectBox option[value='4']").attr('selected', true);