中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

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

發布時間:2020-09-14 23:25:09 來源:腳本之家 閱讀:330 作者:弓長張&木子李 欄目:web開發

根據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內容(實例)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持億速云。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

南昌市| 宁海县| 灵璧县| 桑植县| 桐柏县| 荣成市| 辽阳市| 都匀市| 黄石市| 台中市| 三门峡市| 盘山县| 凯里市| 沭阳县| 那坡县| 慈溪市| 山丹县| 宁河县| 缙云县| 渝北区| 特克斯县| 交口县| 遂川县| 济南市| 揭西县| 荣成市| 扎兰屯市| 芒康县| 阿克陶县| 武乡县| 博客| 镇远县| 洛宁县| 靖安县| 金山区| 红安县| 屏边| 厦门市| 内江市| 阳原县| 大丰市|