Jqueryのselectに対する追加、削除、変更、検索操作

3937 ワード

伝統的な4つの操作から逃れられない:増加、削除、変更、調査.
[増加]:
 
  
$("#select_id").append(""); // Select Option( )
$("#select_id").prepend(""); // Select Option( )

[削除]:
 
  
$("#select_id option:last").remove(); // Select Option( )
$("#select_id option[index='0']").remove(); // Select 0 Option( )
$("#select_id option[value='3']").remove(); // Select Value='3' Option
$("#select_id option[text='4']").remove(); // Select Text='4' Option
$("#select_id").empty(); //

[変更](選択を設定):
 
  
$("#select_id ").get(0).selectedIndex=1; // Select 1
$("#select_id ").val(4); // Select Value 4
$("#select_id option[text='jQuery']").attr("selected", true); // Select Text jQuery

[検索](選択した値を取得):
1.選択したvalueを取得する
 
  
$("#select_id").val(); // value
$("#select_id ").get(0).selectedIndex; //
$("#select_id").find("option:selected").text(); // text
$("#select_id option:last").attr("index"); // Select

コードサンプルを添付し、コード機能は実際に選択した「年」、「月」に基づいてselect「日」のoptionの日数を変更します.
phpで記述すると、デフォルト$(「select.day」)は最初は31日間あります.デフォルトは1月です.
 
  

 
  

 
  


jqueryコード:
 
  
$(document).ready(function() {
    $("select.month, select.year").change(function() { //" "、" " “ ”
        $("select.day").empty(); // ,
        for (var i = 1; i < 31; i++) {
            var option = $(""); // 31 append option
        }
        if (month === 2) {
            $("select.day option:last").remove();
            $("select.day option:last").remove(); //2 28
            var year = $("select.year").val();
            if ((year % 4 === 0 && year % 100) || year % 400 === 0)
                $("select.day").append(""); // 2
        }
    });
});

以上、jQueryについてselectの増加、削除、変更、検索操作の総括を実現し、皆さんが好きになることを望んでいます.