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

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

WBOY
リリース: 2016-05-16 16:15:12
オリジナル
970 人が閲覧しました

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

}
?>



コードをコピー コードは次のとおりです: