selectドロップダウンリスト選択したテキストを取得

674 ワード

htmlページのselectドロップダウンリストは次のとおりです.

<select id="sel" name="sel">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>

では、jsでドロップダウンリストで選択したtextを取得する方法は、次のとおりです.

function getSelectText(){
  var sel = document.getElementById('sel');
  var index = sel.selectedIndex;
  var text = sel.options[index].text;
}

では、取得した変数textはドロップダウンリストのテキストです.