☰

JavaScript を使用して選択ボックス要素の値をプログラムで設定するにはどうすればよいですか? 質問する

tag-icon • tag-icon javascript html dom
JavaScript を使用して選択ボックス要素の値をプログラムで設定するにはどうすればよいですか? 質問する

次の 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>

数値をパラメータとして持つ JavaScript 関数を使用してleaveCode、リスト内の適切なオプションを選択するにはどうすればよいですか?

ベストアンサー1

この関数を使用できます:

function selectElement(id, valueToSelect) {    
    let element = document.getElementById(id);
    element.value = valueToSelect;
}

selectElement('leaveCode', '11');
<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>

オプションで onchange イベントもトリガーしたい場合は、以下を使用できます。

element.dispatchEvent(new Event('change'))

おすすめ記事