selectドロップダウンボックスの選択と割り当て
1、選択したselectのoptionの値valueとテキストtextを取得する
var checkValue = $(‘#select_id option:selected’).val(); * Select選択項目のValueを取得
1.1該当するoptionの値を取得する
var checkValue = $(‘#select_id option:first’).val();*最初のoptionの値を取得
var checkValue =$(“#select_id option:last”).val();*最後のoptionの値
var checkValue = $(‘#select_id option:eq(1)’).val();**2番目のoptionの値を取得
2.該当するoptionを設定して選択する
$(“#select_id”).val(“BMW*”); SelectのValue値をBMWに設定する項目選択
$(“#select_id”).get(0).value = “BMW*”; *選択した値はBMW*
$(“#select_id”).get(0).selectedIndex = 1; *Selectインデックス値が1の項目選択を設定
$(“#select_id”).find(“option[value=’BMW*’]”).attr(“selected”,true); *valueをBMWに設定する項目選択
ただし:$("#select_id option[text='Audi’").attr(“selected”,true); 役に立たない
3.対応するoptionのインデックスを取得する
var maxIndex = $(“#select_id :last”).get(0).index; **/select最大インデックス値の取得
var checkIndex = $(“#select_id”).get(0).selectedIndex;**Select選択項目のインデックス値の取得
var checkIndexs = $(‘option:selected’, ‘#select_id’).index(); **選択したselectのインデックスを取得
var checkIndexa =('#select_id option').index( ('#select_id option').index('#select_id option:selected')*選択したselectのインデックスを取得
var checkIndex = $(‘#select_id’).prop(‘selectedIndex’); **選択したselectのインデックスを取得
@
4.選択されているかどうかを判断する
alert($(“#select_id”).find(“option[value=’BMW*’]”).is(“:selected”)); *trueとして選択falseとして選択されていません
alert(document.getElementById(“select_id”).options[1].selected); **trueがfalseに選択されていないと判断
5.optionの追加と削除
$(“#select_id”).append(「新規option」);**SelectにOptionを追加(ドロップダウン)
$(“#select_id”).prepend(「」を選択してください);*SelectにOptionを挿入します(最初の場所)
$(“#select_id”).get(0).remove(1); * Selectのインデックス値が1のOptionを削除します(2番目)
$(“#select_id [value=’BMW*’]”).remove(); *SelectのValue='3'のOptionを削除
6.テキストに基づいて選択:
var street = ‘BMW’;
$(‘#select_id option:contains(’ + street + ‘)’).each(function(){
**テキストBMWのoptionが選択されているcontainsとindex of()の役割は同じです.
var numId="BMW"*text==BMWの選択を設定!
var count=$(“#select_id option”).length;
for(var i=0;i
var checkValue = $("#select_id").val(); ***** Select Value
var checkValue = $(‘#select_id option:selected’).val(); * Select選択項目のValueを取得
var checkText = $("#select_id :selected").text(); ***** select
var checkTextw = $("#select_id").find("option:selected").val(); ***** select
1.1該当するoptionの値を取得する
var checkValue = $(‘#select_id option:first’).val();*最初のoptionの値を取得
var checkValue =$(“#select_id option:last”).val();*最後のoptionの値
var checkValue = $(‘#select_id option:eq(1)’).val();**2番目のoptionの値を取得
2.該当するoptionを設定して選択する
$(“#select_id”).val(“BMW*”); SelectのValue値をBMWに設定する項目選択
$(“#select_id”).get(0).value = “BMW*”; *選択した値はBMW*
$(“#select_id”).get(0).selectedIndex = 1; *Selectインデックス値が1の項目選択を設定
$(“#select_id”).find(“option[value=’BMW*’]”).attr(“selected”,true); *valueをBMWに設定する項目選択
ただし:$("#select_id option[text='Audi’").attr(“selected”,true); 役に立たない
3.対応するoptionのインデックスを取得する
var maxIndex = $(“#select_id :last”).get(0).index; **/select最大インデックス値の取得
var checkIndex = $(“#select_id”).get(0).selectedIndex;**Select選択項目のインデックス値の取得
var checkIndexs = $(‘option:selected’, ‘#select_id’).index(); **選択したselectのインデックスを取得
var checkIndexa =('#select_id option').index( ('#select_id option').index('#select_id option:selected')*選択したselectのインデックスを取得
var checkIndex = $(‘#select_id’).prop(‘selectedIndex’); **選択したselectのインデックスを取得
@
4.選択されているかどうかを判断する
alert($(“#select_id”).find(“option[value=’BMW*’]”).is(“:selected”)); *trueとして選択falseとして選択されていません
alert(document.getElementById(“select_id”).options[1].selected); **trueがfalseに選択されていないと判断
5.optionの追加と削除
$(“#select_id”).append(「新規option」);**SelectにOptionを追加(ドロップダウン)
$(“#select_id”).prepend(「」を選択してください);*SelectにOptionを挿入します(最初の場所)
$(“#select_id”).get(0).remove(1); * Selectのインデックス値が1のOptionを削除します(2番目)
$(“#select_id [value=’BMW*’]”).remove(); *SelectのValue='3'のOptionを削除
6.テキストに基づいて選択:
var street = ‘BMW’;
$(‘#select_id option:contains(’ + street + ‘)’).each(function(){
if ($(this).text() == street) {
$(this).attr('selected', true);
}
});
**テキストBMWのoptionが選択されているcontainsとindex of()の役割は同じです.
var numId="BMW"*text==BMWの選択を設定!
var count=$(“#select_id option”).length;
for(var i=0;i