zl程序教程

您现在的位置是:首页 >  前端

当前栏目

jQuery对Select的操作大集合(收藏)

jQuery集合 操作 收藏 SELECT
2023-06-13 09:15:14 时间

1.jQuery添加/删除Select的Option项:
2.$("#select_id").append("<optionvalue="Value">Text</option>");  //为Select追加一个Option(下拉项) 
3.$("#select_id").prepend("<optionvalue="0">请选择</option>");  //为Select插入一个Option(第一个位置) 
4.$("#select_idoption:last").remove();  //删除Select中索引值最大Option(最后一个) 
5.$("#select_idoption[index="0"]").remove();  //删除Select中索引值为0的Option(第一个) 
6.$("#select_idoption[value="3"]").remove();  //删除Select中Value="3"的Option 
7.$("#select_idoption[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.varcheckText=$("#select_id").find("option:selected").text();  //获取Select选择的Text 
4.varcheckValue=$("#select_id").val();  //获取Select选择的Value 
5.varcheckIndex=$("#select_id").get(0).selectedIndex;  //获取Select选择的索引值
6.varmaxIndex=$("#select_idoption:last").attr("index");  //获取Select最大的索引值jQuery设置Select选择的Text和Value: