用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()”。

通过索引设置

$(select)get(0)selectedIndex=index;//index为索引值

通过value值设置

var value="你要设置的值";

$(select)attr("value",value);

$(select)val(value);

$(select)get(0)value = value;

通过text值设置

var text="要选中的text";

$("#select的ID option[text=text)attr("selected", true);

获取select下被option选中的id值可用如下代码：

$("select option:checked")attr("id")

示例如下：

<html xmlns=";

显示效果

应该使用

$('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[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会扩展出这个选择器

不需要重新刷新页面。新选中下拉列表（select）的选项（option）会触发change事件，即选择项改变事件，因此可以在change事件的响应函数中获取新选中option的value值，而不必要刷新页面。实例演示如下:

1、HTML结构

<option value="option-A">option-A</option>

<option value="option-B">option-B</option>

<option value="option-C">option-C</option>

<option value="option-D">option-D</option>

</select>

2、javascript代码

function fun(){

var select = documentgetElementById("test");

alert(selectvalue);

}

3、效果演示

</select>

</select>

</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怎么去设置option的selected值全部的内容，包括:用jquery怎么去设置option的selected值、jquery怎么根据一个值来选中select下的option、jQuery如何获取select下被option选中的id值 <select> <option value="12" id="56">89</option><select>等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/9720478.html

用jquery怎么去设置option的selected值

发表评论

评论列表（0条）