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>

デフォルトでは、値 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);