有如下的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);
});