jquery 操作select取值与设置选中值

发布时间:2019-08-04编辑:脚本学堂
本文介绍了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);
});