下面小编就给大家带来一篇关于JQuery获取多个select标签选项的文本内容(示例)的文章。 小编感觉还不错,现在把jquery源码分享给大家,也给大家一个参考。如果您对jquery感兴趣,就关注小编来看看吧
根据option的id属性,改变text值
$("#sel_p .select_class option[id='-选择省-']").text(data.province).attr("selected",true); $("#sel_p .select_class option[id='-选择市-']").text( data.city).attr("selected",true); $("#sel_p .select_class option[id='-选择区-']").text( data.area).attr("selected",true); $("#sel_p .select_class option[id='-选择街-']").text( data.street).attr("selected",true);
获取多选下所有选项的文本值(使用class属性,切值相同)
$("#sel_p .select_class option").each(function(){ //遍历所有option标签 var text = $(this).text(); //获取option的text alert(text);//显示的是当前这个option的text值 if(txt == "选择省") $("#sel_p .select_class option[id='-选择省-']").text(data.province).attr("selected",true); if(txt == "选择市") $("#sel_p .select_class option[id='-选择市-']").text( data.city).attr("selected",true); if(txt == "选择区") $("#sel_p .select_class option[id='-选择区-']").text( data.area).attr("selected",true); if(txt == "选择街") $("#sel_p .select_class option[id='-选择街-']").text( data.street).attr("selected",true); });
如果select中没有级联关系,那么所有选项都已经加载完毕,查询到的数据可以通过如下方式展示
$("#sel_p .select_class option[id="+data.province+"]").attr("selected",true); $("#sel_p .select_class option[id="+data.city+"]").attr("selected",true); $("#sel_p .select_class option[id="+data.area+"]").attr("selected",true); $("#sel_p .select_class option[id="+data.street+"]").attr("selected",true);
登录后复制
获取所有选项的另一种方法相当于将所有文本拼写为字符串并将每个字符存储在地图中
var map = $("#sel_p .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
登录后复制
在内部的基础上进行改进,使用数组链表存储查询的数据jquery 获取标签值,使用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标签选项的文本内容(示例)就是小编分享的全部内容jquery 获取标签值,希望能给大家一个参考! !