当前位置: 编程技术>jquery
jquery 操作select取值与设置选中值
来源: 互联网 发布时间：2014-10-07
本文导语: 有如下的select表单元素： 如何用jquery实现select的取值、赋值与设置选中？参考如下方法。 1、设置value为1的项选中 代码示例: $(".type").val("1"); 2、设置text为管理组的项选中 代码示例: $(".type").find("option[text='管理组']...
有如下的select表单元素：
如何用jquery实现select的取值、赋值与设置选中？参考如下方法。
1、设置value为1的项选中
代码示例:
$(".type").val("1");
2、设置text为管理组的项选中
代码示例:
$(".type").find("option[text='管理组']").attr("selected",true);
中括号里的等号的前面是属性名称，不用加引号。
3、获取当前选中项的value
代码示例:
$(".type").val();
4、获取当前选中项的text
代码示例:
$(".type").find("option:selected").text();
select的级联，即第二个select的值随着第一个select选中的值变化。这在jquery中是非常简单的。
例如：
代码示例:
$(".type1").change(function(){
// 先清空第二个
$(".type2").empty();
// 实际的应用中，这里的option一般都是用循环生成多个了
var option = $("").val(1).text("1");
$(".type2").append(option);
});
// 先清空第二个
$(".type2").empty();
// 实际的应用中，这里的option一般都是用循环生成多个了
var option = $("").val(1).text("1");
$(".type2").append(option);
});
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。