jquery 操作select取值与设置选中值
发布时间：2015-12-23 编辑：jiaochengji.com
本文介绍了jquery操作select下拉框实现取值、赋值与设置选中值的方法，jquery操作select表单元素的简单例子，有需要的朋友参考下。
有如下的select表单元素：
<select class="type"></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 = $("<option>").val(1).text("1");
$(".type2").append(option);
});
// 先清空第二个
$(".type2").empty();
// 实际的应用中，这里的option一般都是用循环生成多个了
var option = $("<option>").val(1).text("1");
$(".type2").append(option);
});
您可能感兴趣的文章：
jquery对select下拉框取值与赋值方法汇总
jquery对select列表取值与赋值
jQuery 对Select的操作备忘记录
Jquery Select操作方法集合脚本之家特别版
jquery select(列表)的操作（取值/赋值）
jquery 操作select取值与设置选中值
jquery操作select中option选项的方法汇总
jquery获取input表单值的代码
jQuery操作select option选项(增加 删除 修改)
jQuery操作Select选择的Text和Value(获取/设置/添加/删除)
[关闭]