jquery操作の概要 selectmethods_jquery

この記事の例は、jquery 操作 select のメソッドをまとめたものです。皆さんの参考に共有してください。詳細は以下の通りです。

jQuery は、Select で選択された Text と Value を取得します:

文法説明:

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

$("#select_id").change(function(){/ /code. ..});//項目の 1 つが選択されたときにトリガーされる、Select のイベントを追加します
var checkText=$("#select_id").find("option:selected").text();//Select
で選択されたテキストを取得します var checkValue=$("#select_id").val();//Select で選択された Value
を取得します var checkIndex=$("#select_id ").get(0).selectedIndex;//Select
のインデックス値を取得します var maxIndex=$("#select_id option:last").attr("index");//Select

の最大インデックス値を取得します

jQuery は、Select で選択されたテキストと値を設定します:

文法説明:

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

$("#select_id ").get(0).selectedIndex= 1;/ /選択インデックス値 1 の項目を選択して
を選択します $("#select_id ").val(4);//項目を選択するには、選択値を 4 に設定します
$("#select_id option[text='jQuery']").attr("selected", true);//選択された jQuery アイテムに Select の Text 値を設定します

jQuery は、Select の Option 項目を追加/削除します:

文法説明:

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

$("#select_id").append("Text");//オプション (ドロップダウン項目) を Select
に追加します $("#select_id").prepend("選択してください");//Select
にオプション (最初の位置) を挿入します $("#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' を持つ Option

を削除します

この記事が皆さんの jQuery プログラミングに役立つことを願っています。