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"));
    }
  }