jQuery-Selectに対する操作集合[終結編]
2650 ワード
jQueryはSelectで選択したTextとValueを取得する:
C#Javascript jQuery C++Java VBを選択してみてください
構文の説明:
1. $("#select_id").change(function(){//code...});
//Selectにイベントを追加し、いずれかを選択するとトリガーされます
2. var checkText=$("#select_id").find("option:selected").text();
//Selectで選択したTextを取得する
3. var checkValue=$("#select_id").val();
//Selectで選択したValueを取得する
4. var checkIndex=$("#select_id ").get(0).selectedIndex;
//Selectで選択したインデックス値の取得
5. var maxIndex=$("#select_id option:last").attr("index");
//Select最大インデックス値の取得
jQueryはSelectで選択したTextとValueを設定します.
構文の説明:
1. $("#select_id ").get(0).selectedIndex=1;
//Select索引値が1の項目選択を設定する
2. $("#select_id ").val(4);
//SelectのValueを4に設定する項目選択
3. $("#select_id option[text='jQuery']").attr("selected", true);
//SelectのText値をjQueryに設定する項目選択
jQuery SelectのOptionアイテムの追加/削除:
選択してください
一度クリックすると、SelectにOptionが追加されます
クリックするとSelectの最初の位置にOptionが挿入されます
クリックすると、Selectのインデックス値の最大Option(最後)が削除されます.
構文の説明:
1. $("#select_id").append("");
//SelectにOptionを追加(ドロップダウン)
2. $("#select_id").prepend("を選択してください);
//SelectにOptionを挿入する(最初の場所)
3. $("#select_id option:last").remove();
//Selectのインデックス値の最大Optionを削除(最後)
4. $("#select_id option[index='0']").remove();
//Selectでインデックス値が0のOptionを削除(1番目)
5. $("#select_id option[value='3']").remove();
//SelectのValue='3'のOptionを削除
5. $("#select_id option[text='4']").remove();
//SelectのText='4'のOptionを削除
//selectのすべてのオプションをクリア
:
$("#search").find("option").remove()();
$("#search").empty();
//selectのoption位置を変更する:
function moveOption(tag){
var index = $("#select").get(0).selectedIndex;
if(tag==true){//上へ移動
index = index - 1;
$("#select option").filter(':eq('+index+')').before($("#select option:selected"));
}else{//下へ移動
index = index + 1;
$("#select option").filter(':eq('+index+')').after($("#
select option:selected"));
}
}