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

发布时间:2019-09-04编辑:脚本学堂
如何用jquery操作select下拉列表中的取值,又如何设置下拉列表中的默认选中值,可以参考下这里提供的几个例子。

jquery操作select text value取值并设置默认选中值。

例如,下拉列表框:
 

复制代码 代码示例:
<select class="type">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select> 

1、设置value为1的项选中
 

$(".type").val("1");

2、设置text为管理组的项选中
 

$(".type").find("option[text='管理组']").attr("selected",true); 
 

中括号里的等号的前面是属性名称,不用加引号。www.osxue.com

3、获取当前选中项的value
 

$(".type").val(); 

4、获取当前选中项的text
 

$(".type").find("option:selected").text(); 

select级联,即第二个select的值随着第一个select选中的值发生变化。

例如:
 

复制代码 代码示例:

$(".type1").change(function(){ 
// 先清空第二个 
$(".type2").empty(); 

// 实际的应用中,这里的option一般都是用循环生成多个了 
var option = $("<option>").val(1).text("1"); 
$(".type2").append(option); 
});