国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

JQuery 獲取多個select標簽option的text內容(實例)

來源:懂視網 責編:小采 時間:2020-11-27 22:30:54
文檔

JQuery 獲取多個select標簽option的text內容(實例)

JQuery 獲取多個select標簽option的text內容(實例):根據option的id屬性,修改text值 $(#sel_div .select_class option[id='-選擇省-']).text(data.province).attr(selected,true); $(#sel_div .select_class option[id='-選擇市-']).text( data.ci
推薦度:
導讀JQuery 獲取多個select標簽option的text內容(實例):根據option的id屬性,修改text值 $(#sel_div .select_class option[id='-選擇省-']).text(data.province).attr(selected,true); $(#sel_div .select_class option[id='-選擇市-']).text( data.ci

根據option的id屬性,修改text值

$("#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='-選擇區-']").text( data.area).attr("selected",true);
 $("#sel_div .select_class option[id='-選擇街-']").text( data.street).attr("selected",true);

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

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

 var text = $(this).text(); //獲取option的text
 alert(text);//顯示的是當前這個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 == "選擇區")
 $("#sel_div .select_class option[id='-選擇區-']").text( data.area).attr("selected",true);
 if(txt == "選擇街")
 $("#sel_div .select_class option[id='-選擇街-']").text( data.street).attr("selected",true);

 });

如果select中間沒有級聯關系,那么所有的option都已經加載,可以使用下面的方法顯示查詢出來的數據

$("#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的方法,相當于將所有text拼成字符串,把每個字符存進map中

var map = $("#sel_div .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數組存放查詢出來的數據,在使用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 獲取多個select標簽option的text內容(實例)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

JQuery 獲取多個select標簽option的text內容(實例)

JQuery 獲取多個select標簽option的text內容(實例):根據option的id屬性,修改text值 $(#sel_div .select_class option[id='-選擇省-']).text(data.province).attr(selected,true); $(#sel_div .select_class option[id='-選擇市-']).text( data.ci
推薦度:
標簽: text select selected
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 亚洲国产综合专区在线电影 | 国产成人精品久久二区二区 | 亚洲 国产 日韩 欧美 | 97精品国产91久久久久久久 | 综合欧美日韩 | 国产日本在线观看 | 日韩精品电影在线观看 | 亚洲精品欧美精品 | 国产成人精品一区二区免费视频 | 日韩电影一区二区 | 可以免费观看的毛片 | 亚洲欧美日本在线 | 日韩精品成人免费观看 | 国产精品1 | 一区高清 | 亚洲人一区 | 在线免费黄色网址 | 国产 欧美 日本 | 日韩国产免费一区二区三区 | 亚洲 欧美 日韩 综合 | 欧美色乱 | 看全色黄大色大片免费久久久 | 成人a毛片免费视频观看 | 国产在线精彩视频 | 久久国产精品一区二区三区 | 久久亚洲国产成人影院 | 夜色毛片永久免费 | 在线免费观看一区二区三区 | 国产在线播放一区二区 | 国产成人精品久久一区二区小说 | 精品久久久久久亚洲 | 亚洲欧美偷拍另类 | 禽交| 亚洲欧美日韩中文v在线 | 国产香蕉视频在线观看 | 国产片欧美片亚洲片久久综合 | 久久伊人一区二区三区四区 | 亚洲入口 | 欧美综合另类 | 国产亚洲精品国产 | 亚洲欧洲在线视频 |