JQuery 获取多个select标签option的text内容(实例)_网络技术

JQuery 获取多个select标签option的text内容(实例)

发布时间 - 2026-01-11 03:08:27 点击率：次

根据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内容(实例)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

# select # option # text # jQuery获取标签文本内容和html内容的方法 # JQuery获取与设置HTML元素的内容或文本的实现代码 # jQuery 获取、设置HTML或TEXT内容的两种方法 # jquery获取table中的某行全部td的内容方法 # jquery form表单获取内容以及绑定数据 # jQuery获取选中内容及设置元素属性的方法 # jQuery 同时获取多个标签的指定内容并储存为数组 # jQuery获取table行数并输出单元格内容的实现方法 # 详解jQuery获取特殊属性的值以及设置内容 # JS和jQuery通过this获取html标签中的属性值(实例代码) # jquery获取自定义属性(attr和prop)实例介绍 # jQuery HTML获取内容和属性操作实例分析 # 的是 # 多个 # 给大家 # 基础上 # 遍历 # 希望能 # 可以使用 # 在上面 # 这篇 # 小编 # 大家多多 # 拼成 # 加载 # 把每 # 级联 # attr # selected # data # province # true

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：网易注资工作室Jackalyptic取消开发《战锤》MMOR

下一篇：电信网站服务器如何选？三大误区你中招了吗？

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：网易注资工作室Jackalyptic取消开发《战锤》MMOR

下一篇：电信网站服务器如何选？三大误区你中招了吗？