Jqueryのselectに対する追加、削除、変更、検索操作
3937 ワード
伝統的な4つの操作から逃れられない:増加、削除、変更、調査.
[増加]:
[削除]:
[変更](選択を設定):
[検索](選択した値を取得):
1.選択したvalueを取得する
コードサンプルを添付し、コード機能は実際に選択した「年」、「月」に基づいてselect「日」のoptionの日数を変更します.
phpで記述すると、デフォルト$(「select.day」)は最初は31日間あります.デフォルトは1月です.
jqueryコード:
以上、jQueryについてselectの増加、削除、変更、検索操作の総括を実現し、皆さんが好きになることを望んでいます.
[増加]:
$("#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の増加、削除、変更、検索操作の総括を実現し、皆さんが好きになることを望んでいます.