ホームページ >ウェブフロントエンド >jsチュートリアル >select_jquery に対する Jquery の追加、削除、変更、およびチェック操作
select_jquery に対する Jquery の追加、削除、変更、およびチェック操作
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
- 2016-05-16 16:15:121010ブラウズ
従来の 4 つの操作 (追加、削除、変更、確認) から逃れることはできません。
[追加]:
コードをコピーします コードは次のとおりです:
$("#select_id").append(""); //選択するオプション (ドロップダウン項目) を追加します
$("#select_id").prepend(""); //選択
にオプション (最初の位置) を挿入します。
[削除済み]:
コードをコピーします コードは次のとおりです:
$("#select_id option:last").remove(); //Select で最大のインデックス値を持つオプション (最後のもの) を削除します
$("#select_id option[index='0']").remove(); //Select
のインデックス値 0 のオプション (最初) を削除します。 $("#select_id option[value='3']").remove(); //Select
のValue='3'のオプションを削除します。 $("#select_id option[text='4']").remove(); //Select
のText='4'のオプションを削除します。 $("#select_id").empty(); //空
[変更](選択した項目を設定):
コードをコピーします コードは次のとおりです:
$("#select_id ").get(0).selectedIndex=1; //選択インデックス値 1 の項目を選択に設定します
$("#select_id ").val(4); //項目を選択するには、選択値を 4 に設定します
$("#select_id option[text='jQuery']").attr("selected", true) //Select の Text 値を選択した jQuery 項目に設定します
[チェック](選択した値を取得):
1. 選択した項目の値を取得します
コードをコピーします コードは次のとおりです:
$("#select_id").val(); //選択された項目の値を取得します
$("#select_id ").get(0).selectedIndex //選択された項目のインデックス値を取得します
$("#select_id").find("option:selected").text() //選択された項目のテキストを取得します
$("#select_id option:last").attr("index") //Select
の最大インデックス値を取得します。
コードサンプルは、実際に選択されている「年」と「月」に応じて、オプション「日」の日数を変更する機能です。
PHP で書かれたデフォルトの $("select.day") は、デフォルトが 1 月であるため、最初は 31 日です。
コードをコピーします コードは次のとおりです:
<名前 ="日付_年" クラス "年" を選択> for ($year = 1990; $year <= date("Y"); $year) {
?>
}
?>
コードをコピーします コードは次のとおりです:
<名前 ="日付_月" クラス "月" を選択>
for ($month = 1; $month <= 12; $month) {
?>
}
?>
?>
}
?>
コードをコピー コードは次のとおりです:
jクエリコード:
コードをコピーします コードは次のとおりです:
$(document).ready(function() {
$("select.month, select.year").change(function() { //「年」と「月」の変更により「日」も変更される可能性があります
$("select.day").empty(); //非常に重要なので、最初にクリアしてください
for (var i = 1; i var オプション = $(""); // 日数が 31 日の場合はオプション
を追加します。 }
If (月 === 2) {
$("select.day option:last").remove();
$("select.day option:last").remove(); //2月の日数は28です
var year = $("select.year").val();
If ((年 % 4 === 0 && 年 % 100) || 年 % 400 === 0)
$("select.day").append(""); // 閏年の 2 月の日数に 1 を加えます
}
});
});
上記は、選択操作の追加、削除、変更、およびチェックに関する jQuery の実装の概要です。皆さんに気に入っていただければ幸いです。 $("select.month, select.year").change(function() { //「年」と「月」の変更により「日」も変更される可能性があります
$("select.day").empty(); //非常に重要なので、最初にクリアしてください
for (var i = 1; i var オプション = $(""); // 日数が 31 日の場合はオプション
を追加します。 }
If (月 === 2) {
$("select.day option:last").remove();
$("select.day option:last").remove(); //2月の日数は28です
var year = $("select.year").val();
If ((年 % 4 === 0 && 年 % 100) || 年 % 400 === 0)
$("select.day").append(""); // 閏年の 2 月の日数に 1 を加えます
}
});
});
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。