linuxnotes
介绍了jQuery对Select的操作进行了详细的汇总。

1.jQuery添加/删除Select的Option项:
2.$("#select_id").append("<option value=\'Value\'>Text</option>");   //为Select追加一个Option(下拉项)  
3.$("#select_id").prepend("<option value=\'0\'>请选择</option>");   //为Select插入一个Option(第一个位置)  
4.$("#select_id option:last").remove();   //删除Select中索引值最大Option(最后一个)  
5.$("#select_id option[index=\'0\']").remove();   //删除Select中索引值为0的Option(第一个)  
6.$("#select_id option[value=\'3\']").remove();   //删除Select中Value=\'3\'的Option  
7.$("#select_id option[text=\'4\']").remove();   //删除Select中Text=\'4\'的Option  
8.$("#select_id").empty(); //清空select中的option
 

1.jQuery获取Select选择的Text和Value:
2.$("#select_id").change(function(){//code...});    //为Select添加事件,当选择其中一项时触发  
3.var checkText=$("#select_id").find("option:selected").text();   //获取Select选择的Text  
4.var checkValue=$("#select_id").val();   //获取Select选择的Value  www.jbxue.com
5.var checkIndex=$("#select_id ").get(0).selectedIndex;   //获取Select选择的索引值 
6.var maxIndex=$("#select_id option:last").attr("index");   //获取Select最大的索引值 jQuery设置Select选择的Text和Value: 

分类:

技术点:

相关文章:

  • 2021-10-22
  • 2021-05-30
  • 2021-08-26
  • 2021-09-26
  • 2021-12-15
  • 2021-10-19
  • 2021-07-22
猜你喜欢
  • 2022-01-15
  • 2021-12-13
  • 2021-10-17
  • 2021-06-02
  • 2021-07-07
相关资源
相似解决方案