ホームページ >ウェブフロントエンド >jsチュートリアル >select_jquery に対する Jquery の追加、削除、変更、およびチェック操作

select_jquery に対する Jquery の追加、削除、変更、およびチェック操作

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
2016-05-16 16:15:121015ブラウズ

従来の 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 ?>

}
?>
選択>

コードをコピーします コードは次のとおりです:
for ($month = 1; $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 の実装の概要です。皆さんに気に入っていただければ幸いです。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。