HTMLコード:
次のようにコードをコピーします。
<select id="month" onchange="selectInput(this)">
<option value="01">1 月</option>
<option value="02">2 月</option>
<option value="03">3 月</option>
<option value="04">4 月</option>
<option value="05">5 月</option>
<option value="06">6 月</option>
<option value="07">7 月</option>
<option value="08" selected="selected">8 月</option>
<option value="09">9 月</option>
<option value="10">10 月</option>
<option value="11">11 月</option>
<option value="12">12 月</option>
</選択>
jQueryを使用して、selectで選択したオブジェクトの値とテキストを取得します。
次のようにコードをコピーします。
$(関数(){
$("#month").change(function() {
alert($(this).find("option:selected").val());
alert($(this).find("option:selected").text());
});
});
JS を使用すると、選択したオブジェクトの値を取得するのは非常に簡単です。
次のようにコードをコピーします。
関数 selectInput(oSelect) {
アラート(oSelect.value);
}
JS を使用して選択したオブジェクトのテキストを取得したい場合はどうすればよいでしょうか?
次のようにコードをコピーします。
関数 selectInput(oSelect) {
alert(oSelect.options[oSelect.selectedIndex].text);
}
選択にデフォルトがない場合、最初のものをデフォルトとして設定しますか?
次のようにコードをコピーします。
document.getElementById("テスト").options[0].selected=true;