首页 > Web开发 > 详细

jquery 对select option 增删改查

时间:2015-11-10 15:46:15      阅读:330      评论:0      收藏:0      [点我收藏+]

一、查

  jQuery获取select的Text和Value:

代码如下:

   1、当select添加选择事件,当选择其中一项时触发:

            $("#select_id").change(function(){  code……      });

  2、获取select选择的text

              var checkText=$("#select_id").find("option:selected").text();

  3、获取select选择的value

               var checkVal=$("#select_id").val();

  4、获取选择的索引值

  var checkIndex=$("#selId").get(0).selectedIndex;

  5、获取select最大的索引值

  var maxIndex=$("#SelId option:last").attr("index");

二、增/删

代码如下:

1、select追加一个option下拉选项

$("#selId").append("<option value=‘val‘>text</option>");

2、在下拉选项第一个位置插入一条新选项

$("#selId").prepend("<option value=‘0‘>text</option>");

3、删除select中索引值最大的Option

$("#selId option:last").remove()

4、删除指定索引的option

$("#selId option[index=‘0‘]").remove();

5、删除指定value的option

$("#selId option[value=‘232‘]").remove();

6、删除指定text的option

$("#selId option[text=‘jkl‘]").remove();

 

总结:总结如上,呵呵。

   

jquery 对select option 增删改查

原文:http://www.cnblogs.com/renxiaoren/p/4953021.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!