您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

jquery操作select详解

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 本篇文章主要是对jquery操作select(取值,设置选中)进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。   比如<select class="selector"></select>   1、设置value为pxx的项选中    $(".selector").val("pxx");   2、设置text为pxx的项选中   $(".selector").find("option[text='pxx']").attr("selected",true);   这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。   3、获取当前选中项的value   $(".selector").val();   4、获取当前选中项的text   $(".selector").find("option:selected").text();   这里用到了冒号,掌握它的用法并举一反三也会让代码变得简洁。   很多时候用到select的级联,即第二个select的值随着第一个select选中的值变化。这在jquery中是非常简单的。   如:    代码如下: $(".selector1").change(function(){    // 先清空第二个     $(".selector2").empty();    // 实际的应用中,这里的option一般都是用循环生成多个了     var option = $("<option>").val(1).text("pxx");     $(".selector2").append(option);   });