jquery 对select option 增删改查

时间:2023-12-20 11:14:02

一、查

  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();

总结:总结如上,呵呵。