jQuery技术

jquery操作select的各种方法

字号+ 作者:H5之家 来源:H5之家 2015-11-15 19:38 我要评论( )

一、使用jquery获取select元素(value和option里的内容)1. var checkText=$(#select_id).find(option:selected).text(); //获取Select选择option里的值Text2. v

一、使用jquery获取select元素(value和option里的内容)

1. var checkText=$(“#select_id”).find(“option:selected”).text(); //获取Select选择option里的值Text

2. var checkValue=$(“#select_id”).val(); //获取Select选择的Value

二、使用jquery设置select元素(value和option里的内容)

1. $(“#select_id “).get(0).selectedIndex=1; //设置Select索引值为1的项选中

2. $(“#select_id “).val(2); // 设置Select的Value值为4的项选中

3. $(“#select_id option”).attr(“selected”, true); //设置Select的Text值为aaa的项选中

三、使用jquery添加删除select元素(option项)

1. $(“#select_id”).append(“<option value=’Value’>Text</option>”); //为Select追加一个Option(下拉项)

2. $(“#select_id”).prepend(“<option value=’0′>请选择</option>”); //为Select插入一个Option(第一个位置)

3. $(“#select_id option:last”).remove(); //删除Select中索引值最大Option(最后一个)

4. $(“#select_id option[index=’0′]”).remove(); //删除Select中索引值为0的Option(第一个)

5. $(“#select_id option[value=’3′]”).remove(); //删除Select中Value=’3’的Option

6. $(“#select_id option”).remove(); //删除Select中Text=’4’的Option

四、其它的一些常用方法

清空 Select

$(“#select_id”).empty();

获取select的最大索引值

var maxIndex=$(“#select_id option:last”).attr(“index”); //获取Select最大的索引值

免责声明:本文来源于,由网友提供或网络搜集,仅供个人研究、交流学习使用,不涉及商业盈利目的。如有版权问题,请联系本站管理员予以更改或删除。优知网会定期发布Web前端相关趋势文章,包括 等领域,敬请关注!

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评
h