JQuery获取多个选择标签选择的文本内容(实例)

  

根据选项的id属性,修改文本值
  

        $ (" # sel_div .select_class选项[id=薄≡袷 癩”)。text (data.province) .attr(“选择”,真正的);   $ (" # sel_div .select_class选项[id=薄≡袷小癩”)。文本(data.city) .attr(“选择”,真正的);   $ (" # sel_div .select_class选项[id=薄≡袂癩”)。文本(data.area) .attr(“选择”,真正的);   $ (" # sel_div .select_class选项[id=薄≡窠帧癩”)。文本(data.street) .attr(“选择”,真的);      

获取多个选择(使用类属性,切值相同)下的所有选择的文本值

        $ (" # sel_div .select_class选项”). each(函数(){//遍历所有选项标签=$ var文本(这)。text ();//获取选择的文本   警报(文本);//显示的是当前这个选择的文本值   如果(txt==把≡袷 ?   $ (" # sel_div .select_class选项[id=薄≡袷 癩”)。text (data.province) .attr(“选择”,真正的);   如果(txt==把≡袷小?   $ (" # sel_div .select_class选项[id=薄≡袷小癩”)。文本(data.city) .attr(“选择”,真正的);   如果(txt==把≡袂?   $ (" # sel_div .select_class选项[id=薄≡袂癩”)。文本(data.area) .attr(“选择”,真正的);   如果(txt==把≡窠帧?   $ (" # sel_div .select_class选项[id=薄≡窠帧癩”)。文本(data.street) .attr(“选择”,真正的);      });      

如果选择中间没有级联关系,那么所有的选项都已经加载,可以使用下面的方法显示查询出来的数据
  

        $ (" # sel_div .select_class选择[id=" + data.province + "] ") .attr(“选择”,真正的);   $ (" # sel_div .select_class选择[id=" + data.city + "] ") .attr(“选择”,真正的);   $ (" # sel_div .select_class选择[id=" + data.area + "] ") .attr(“选择”,真正的);   $ (" # sel_div .select_class选择[id=" + data.street + "] ") .attr(“选择”,真的);      

另一种获取所有选项的方法,相当于将所有文字拼成字符串,把每个字符存进地图中

        var地图=$ (" # sel_div .select_class选项”). map(函数(){      警报($(这)。text());//显示单text1个选择的文本      返回$ ()。text ();   }). get () . join (", ");      警报(地图);//显示的是text1, text3 text2   警报(map[0]);//显示t      

在上面的基础上进行改进,使用数组数组存放查询出来的数据,在使用的循环可以对数据进行操作

        数组var=new array ();   $(" #叶.form-control选项”). map(函数(){   array.push($(这)。text ());   })   (var=0;我& lt;array.length;我+ +){   alert (array[我]);//显示每个选择的文本text1 text3 text2   }      

以上这篇JQuery获取多个选择标签选择的文本内容(实例)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

JQuery获取多个选择标签选择的文本内容(实例)