jquery each中怎么获取option的label值

jquery each中怎么获取option的label值,第1张

<script type="text/javascript">

$(document)ready(function(){

$('select option')each(function(){

alert($(this)attr('label'));

});

});

</script>

<body >

<select>

<option value="1" label="111"></option>

<option value="2" label="222"></option>

<option value="3" label="333"></option>

<option value="4" label="444"></option>

</select>

</body>

在HTML中,select控件的值等于其当前选中的option的值,所以: $("select")val(); // 可以获取select当前的值如果想获取当前select下option的所有的值,则: var selValue = []; // 定义一个空数组用于接收select下option所有的值var options

html:

<select id="sel">

<option value='s1'>苹果</option>

<option value='s2'>西瓜</option>

<option value='s3'>香蕉</option>

</select>

javascript:

$(function(){

var _val = $map( $("#sel option:not(:selected)"),

function(ele){return elevalue}

)join(",");

alert(_val);

})

其中主要的是:$("#sel option:not(:selected)"),这是返回没被选中的option集合,

使用$map函数对这个集合进行处理,取出其中元素的值,使用","进行分隔。

如果option中没有value属性,那么直接返回option的文本内容。

你是说选中了的还是没选中的?

=============

如果是选中了的如下

$("select")select(function(){

var val=$(this)val();

$post("getphp",{str:val},function(data){alert(data)}//以ajax方法提交,后台只需显示出这个结果,自然即可返回这个结果。或

//windowlocationhref="getphpstr="+val;//此方法将以get方法转向到getphp,后台接收str变量即可。

});

类似标签[属性='值']这种叫做属性选择器,即选中属性=值的标签,但是,DOM里面是没有text属性的,所以option[text='1']是非法的。

我写了一段代码做参考

var x = "";

$("#selectID option")each(function() {

    if($(this)text() == "1") {

        x = $(this)val();

    }

})

另外,id那里是不需要加#的,也就是<select id="selectID">就可以了,#本身就表示id选择器

以上就是关于jquery each中怎么获取option的label值全部的内容,包括:jquery each中怎么获取option的label值、jquery 怎么取select option 中两个值、js或者jquery如何获取select中未选中的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9336241.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-27
下一篇2023-04-27

发表评论

登录后才能评论

评论列表(0条)

    保存