比如
- <select class="type"></select>
<select class="type"></select>
1、设置value为1的项选中
$(".type").val("1");
2、设置text为管理组的项选中
- $(".type").find("option[text='管理组']").attr("selected",true);
$(".type").find("option[text='管理组']").attr("selected",true);
中括号里的等号的前面是属性名称,不用加引号。
3、获取当前选中项的value
- $(".type").val();
$(".type").val();
4、获取当前选中项的text
- $(".type").find("option:selected").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);
- });
$(".type1").change(function(){ // 先清空第二个 $(".type2").empty(); // 实际的应用中,这里的option一般都是用循环生成多个了 var option = $("<option>").val(1).text("1"); $(".type2").append(option); });
黑色头发:http://heisetoufa.iteye.com