ホームページ  >  記事  >  ウェブフロントエンド  >  JQuery は複数の選択タグ オプションのテキスト コンテンツを取得します (例)

JQuery は複数の選択タグ オプションのテキスト コンテンツを取得します (例)

韦小宝
韦小宝オリジナル
2018-01-25 11:06:351846ブラウズ

以下のエディターは、複数の選択タグ オプションのテキスト コンテンツ (例) を取得するための記事 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 での DOM ノード操作メソッドの概要

ブートストラップの編集可能なドロップダウン ボックス jquery.editable-select の例の詳細な説明

js、jQuery、easyui は、指定された割り当てを実装しますドロップダウンボックスの共有例

以上がJQuery は複数の選択タグ オプションのテキスト コンテンツを取得します (例)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。