ホームページ > 記事 > ウェブフロントエンド > JQuery は複数の選択タグ オプションのテキスト コンテンツを取得します (例)
以下のエディターは、複数の選択タグ オプションのテキスト コンテンツ (例) を取得するための記事 JQuery を提供します。編集者はこれが非常に優れていると考えているので、jquery のソース コードを共有し、参考として提供します。 jquery に興味がある場合は、エディターをフォローして見てください
オプションの id 属性に従って、テキスト値を変更します
$("#sel_p .select_class option[id='-选择省-']").text(data.province).attr("selected",true); $("#sel_p .select_class option[id='-选择市-']").text( data.city).attr("selected",true); $("#sel_p .select_class option[id='-选择区-']").text( data.area).attr("selected",true); $("#sel_p .select_class option[id='-选择街-']").text( data.street).attr("selected",true);
複数選択ですべてのオプションのテキスト値を取得します ( class 属性、カット値は同じです)
$("#sel_p .select_class option").each(function(){ //遍历所有option标签 var text = $(this).text(); //获取option的text alert(text);//显示的是当前这个option的text值 if(txt == "选择省") $("#sel_p .select_class option[id='-选择省-']").text(data.province).attr("selected",true); if(txt == "选择市") $("#sel_p .select_class option[id='-选择市-']").text( data.city).attr("selected",true); if(txt == "选择区") $("#sel_p .select_class option[id='-选择区-']").text( data.area).attr("selected",true); if(txt == "选择街") $("#sel_p .select_class option[id='-选择街-']").text( data.street).attr("selected",true); });
select にカスケード関係がない場合は、すべてのオプションが読み込まれています。次のメソッドを使用して、query
$("#sel_p .select_class option[id="+data.province+"]").attr("selected",true); $("#sel_p .select_class option[id="+data.city+"]").attr("selected",true); $("#sel_p .select_class option[id="+data.area+"]").attr("selected",true); $("#sel_p .select_class option[id="+data.street+"]").attr("selected",true);
のデータを表示できます。すべてのオプションを取得するには、すべてのテキストを String にスペル入力するのと同じです。各文字をマップに保存します
var map = $("#sel_p .select_class option").map(function(){ alert($(this).text());//显示单个option的text text1 return $(this).text(); }).get().join(","); alert(map);//显示的是 text1,text2,text3 alert(map[0]);//显示 t
上記をベースに改良し、array array を使用してクエリされたデータを保存し、for ループ を使用してデータを操作する
var array = new Array(); $("#leaf .form-control option").map(function(){ array.push($(this).text()); }) for(var i = 0; i < array.length; i ++ ){ alert(array[i]);//显示每个option的text text1,text2,text3 }
上記 この記事はJQueryで複数の選択タグオプションのテキスト内容を取得する(例)がエディタで共有されている内容ばかりですので参考になれば幸いです! !
関連する推奨事項:
ブートストラップの編集可能なドロップダウン ボックス jquery.editable-select の例の詳細な説明
js、jQuery、easyui は、指定された割り当てを実装しますドロップダウンボックスの共有例
以上がJQuery は複数の選択タグ オプションのテキスト コンテンツを取得します (例)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。