jquery操作の概要 selectmethods_jquery-jsチュートリアル-php.cn

jquery操作の概要 selectmethods_jquery

WBOY

リリース： 2016-05-16 16:15:36

オリジナル

1315 人が閲覧しました

この記事の例は、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 プログラミングに役立つことを願っています。