网站制作学习网JS脚本→正文:jquery操作select(转载)
字体:

jquery操作select(转载)

JS脚本 2013/9/16 11:39:34  点击:不统计

原载于:转www.载for网站制作学习asp必.cn究
 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);

});

转于http://yinzhihua2008.blog.163.com/blog/static/79430672012514225357/ 


原载于:网f站o学a习s制p作.cn

·上一篇:js判断是金额 >>    ·下一篇:jquery判断浏览器版本过低 >>
推荐文章
最新文章