jquery怎么设置select选中某项值

jquery怎么设置select选中某项值,第1张

1、设置value为pxx的项选中

$("selector")val("pxx");

2、设置text为pxx的项选中

$("selector")find("option[text='pxx']")attr("selected",true);

这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。

3、获取当前选中项的value

$("selector")val();

4、获取当前选中项的text

在HTML中,select控件的值等于其当前选中的option的值,所以:

$("select")val(); // 可以获取select当前的值

如果想获取当前select下option的所有的值,则:

var selValue = []; // 定义一个空数组用于接收select下option所有的值

var options = $("select")find("option"); // select下所有的option

for (var i=0; i<optionslength; i++) {

selValuepush(optionseq(i)val()); // 将所有的值赋给数组

}

<select name='anch1'>

<option value='10'>10 ++</option>

<option value='20'>20 ++</option>

<option value='30'>30 ++</option>

<option value='40'>40 ++</option>

<option value='50'>50 ++</option>

</select>

<select name='anch2'>

<option value='10'>10 ++</option>

<option value='20'>20 ++</option>

<option value='30'>30 ++</option>

<option value='40'>40 ++</option>

<option value='50'>50 ++</option>

</select>

<select name='anch3'>

<option value='10'>10 ++</option>

<option value='20'>20 ++</option>

<option value='30'>30 ++</option>

<option value='40'>40 ++</option>

<option value='50'>50 ++</option>

</select>

<div>SUM OF SELECTED OPTIONS</div>

求和的JS:

$('select')change(function(){

var sum = 0;

$('select :selected')each(function() {

sum += Number($(this)val());

});

$("#sum")html(sum);

});

以上就是关于jquery怎么设置select选中某项值全部的内容,包括:jquery怎么设置select选中某项值、用jQuery获取select数组的option值、jquery multiselect 怎么获取选中的value值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: https://outofmemory.cn/web/9739353.html

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

发表评论

登录后才能评论

评论列表(0条)

保存