用jquery怎么去设置option的selected值

*** 作步骤：

设置value为pxx的项选中

“$("selector")val("pxx")”。

设置text为pxx的项选中

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

3、获取当前选中项的value“$("selector")val()”。

4、获取当前选中项的text“$("selector")find("option:selected")text()”。

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml，并引入jquery。

2、在indexhtml中的<script>标签，输入jquery代码：

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

if ($(this)attr('selected')) {

$('body')append(i);

}

});

3、浏览器运行indexhtml页面，此时用jquery获取到了option的索引值被打印了出来。

JS代码：$(function() {

$("#sel")change(function(){

alert($("#sel option:selected")attr("id"));

});

});

HTML代码：

<select id="sel">

<option id="1">ww</option>

<option id="2">ee</option>

</select>

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的文本内容。

应该这样：$("#s option:selected")text(); //获取选中的option的文本值

获取select中option的被选中的value值： $("#s")val();

$("#s option:selected")val();

js获取select选中的值：

var sel=documentgetElementById("select1");

var index = selselectedIndex; // 选中索引

albumid= seloptions[index]value;//要的值

如果select标签下只有option标签的话，最直接的办法就是获取select标签下的所有option子标签

var

opt

=

$(select)children()

;

optlength就是option的个数；或者去循环opt，找到option标签计数

应该使用

$('option:selected');

':selected'和$('[name="value"]')有什么区别呢:

':selected'是jQuery扩展的选择器,并不属于CSS选择器规范,  仅适用于动态的获取选中的option 请注意,你选中Select中的option时, 虽然select的状态发生了变化, 但html标记本身并不会变化

而$('[name="value"]')的语法是jQuery的属性选择器, 遵循CSS选择器规范  属性选择器是严格和html标记相匹配的, 举个例子: $('input[type="text"]')会命中<input type="text"> 但是不会命中<input >, 虽然后者默认是text

<select>

    <option>1<option>

    <option selected>2<option>

    <option>3<option>

</select>

$('option[selected]')text();

//页面加载后得到2

//手工选择1或者3后, 依然得到的是2 选择select并不会修改html标记

$('option[selected="selected"]')text();

//始终得到"", 虽然选项2的selected属性的确是selected, 但是请注意属性选择器是严格和html标记对应的

$('option:selected')text();

//页面加载后得到2

//手工选择1得到1,选择3得到3 正式期望的结果这就是为什么jQuery会扩展出这个选择器

以上就是关于用jquery怎么去设置option的selected值全部的内容，包括:用jquery怎么去设置option的selected值、如何用jquery获得option的索引值index、jquery如何获取option中选中的值的id等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！