JS と JQuery は選択オプションを動的に追加します

今日、友人が での動的オプションの追加について質問しました。最初は JS で動的に追加するものだと思っていたので、JS で動的にオプションを追加する方法を使用しましたが、JQuery を使用しているため、常にエラーが発生しました。JS と JQuery でのオプションの追加の違いに注意してください。もちろん、この文に加えて、デフォルトの選択値、最初の値、最後の値、 N 番目の値など。待っているので、オンラインで検索しました:

jQuery で Select によって選択された Text と Value を取得します:

1. $("#select_id").change(function(){//code.. .}) ; //項目の 1 つが選択されたときにトリガーされる Select のイベントを追加します

2. var checkText=$("#select_id").find("option:selected").text() ; //Select Text から選択された項目を取得

3. var checkValue=$("#select_id").val() //Select で選択された Value を取得

4. select_id ").get(0).selectedIndex ; //Select

5で選択されたインデックス値を取得します。 var maxIndex=$("#select_id option:last").attr("index"); // Select

jQuery のオプション項目の追加/削除の最大値:

1. $("#select_id").append(" Text "); // オプション (ドロップダウン項目) を選択します

2. $("#select_id").prepend(" 選択してください "); Select のオプション (最初の位置) を挿入します 3. $("#select_id option:last").remove(); //Select の最大のインデックス値を持つオプションを削除します

4 . $("#select_id option[index='0'] ").remove(); //Select

5のインデックス値0のオプション(最初)を削除します。 3']").remove(); // Select

5のValue='3'のオプションを削除 $("#select_id option[text='4']").remove(); // Select の Text='4' のオプションを削除する

以上はエディターが紹介した JS と JQuery での select オプションの動的追加に関する知識です。ご質問があればお役立てください。メッセージをいただければ、編集者が時間内に返信させていただきます。また、PHP 中国語 Web サイトをサポートしていただきありがとうございます。

選択オプションを動的に追加する JS および JQuery 関連の記事については、PHP 中国語 Web サイトに注目してください。