JQuery獲取多個(gè)select標(biāo)簽option的text內(nèi)容(實(shí)例)

根據(jù)option的id屬性，修改text值

創(chuàng)新互聯(lián)公司于2013年成立，先為沈河等服務(wù)建站，沈河等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為沈河企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

$("#sel_div .select_class option[id='-選擇省-']").text(data.province).attr("selected",true);
 $("#sel_div .select_class option[id='-選擇市-']").text( data.city).attr("selected",true);
 $("#sel_div .select_class option[id='-選擇區(qū)-']").text( data.area).attr("selected",true);
 $("#sel_div .select_class option[id='-選擇街-']").text( data.street).attr("selected",true);

獲取多個(gè)select(使用class屬性,切值相同)下的所有option的text值

$("#sel_div .select_class option").each(function(){ //遍歷所有option標(biāo)簽

   var text = $(this).text(); //獲取option的text
   alert(text);//顯示的是當(dāng)前這個(gè)option的text值
　　　if(txt == "選擇省")
     $("#sel_div .select_class option[id='-選擇省-']").text(data.province).attr("selected",true);
   if(txt == "選擇市")
     $("#sel_div .select_class option[id='-選擇市-']").text( data.city).attr("selected",true);
   if(txt == "選擇區(qū)")
     $("#sel_div .select_class option[id='-選擇區(qū)-']").text( data.area).attr("selected",true);
  if(txt == "選擇街")
     $("#sel_div .select_class option[id='-選擇街-']").text( data.street).attr("selected",true);

 });

如果select中間沒(méi)有級(jí)聯(lián)關(guān)系，那么所有的option都已經(jīng)加載，可以使用下面的方法顯示查詢出來(lái)的數(shù)據(jù)

$("#sel_div .select_class option[id="+data.province+"]").attr("selected",true);
$("#sel_div .select_class option[id="+data.city+"]").attr("selected",true);
$("#sel_div .select_class option[id="+data.area+"]").attr("selected",true);
$("#sel_div .select_class option[id="+data.street+"]").attr("selected",true);

另一種獲取所有option的方法，相當(dāng)于將所有text拼成字符串，把每個(gè)字符存進(jìn)map中

var map = $("#sel_div .select_class option").map(function(){

    alert($(this).text());//顯示單個(gè)option的text  text1

    return $(this).text();
  }).get().join(",");

alert(map);//顯示的是 text1，text2，text3
alert(map[0]);//顯示 t

在上面的基礎(chǔ)上進(jìn)行改進(jìn),使用array數(shù)組存放查詢出來(lái)的數(shù)據(jù),在使用for循環(huán)可以對(duì)數(shù)據(jù)進(jìn)行操作

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]);//顯示每個(gè)option的text  text1，text2，text3
  }

以上這篇JQuery 獲取多個(gè)select標(biāo)簽option的text內(nèi)容(實(shí)例)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持創(chuàng)新互聯(lián)。

網(wǎng)站名稱：JQuery獲取多個(gè)select標(biāo)簽option的text內(nèi)容(實(shí)例)
瀏覽地址：http://muchs.cn/article20/ieppco.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、App設(shè)計(jì)、網(wǎng)站維護(hù)、App開(kāi)發(fā)、品牌網(wǎng)站建設(shè)、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)