jquery中对select的操作总结

来源:互联网 发布:黑暗法术升级数据 编辑:程序博客网 时间:2024/05/16 06:15
<select id="selectid">    <option>请选择城市</option>    <option value="sy">沈阳</option>    <option value="bj">北京</option>    <option value="sh">上海</option></select>
//0.为Select添加事件,当选择其中一项时触发 $("#select_id").change(function(){//code...}); // 获取Select选择的Text var checkText=$("#select_id").find("option:selected").text(); // 获取Select选择的Value var checkValue=$("#select_id").val(); // 获取Select选择的索引值 var checkIndex=$("#select_id ").get(0).selectedIndex;//  获取Select最大的索引值 var maxIndex=$("#select_id option:last").attr("index"); 
// 内容清空
$("#select_id").empty(); 
//1.判断select选项中 是否存在Value="gz"的option 
$("#selectid option[value='gz']").length>0
//2.向select选项中 加入一个Item $("#selectid").append("<option value='gz'>广州</option>");
//3.向select选项中 加入一个item
$("#selectid").prepend("<option value='0'>请选择</option>");
//4.从select选项中 删除一个Item 
$("#selectid").remove("<option value=''>广州</option>");
$("#selectid option:last").remove(); //删除Select中索引值最大Option(最后一个) $("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个) $("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option $("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option
// 5.选中value='sy'的option
$("#selectid option[value='sy']").attr("selected","true")
$("#selectid option[text='沈阳']").attr("selected","true");// 经测试, 前提必须option上有text属性
例如:
 <option value="sy" text="沈阳">沈阳</option>
7.设置select中第一 个Item为选中 
$("#selectid option").eq(0).attr('selected', 'true');
8. 得到select的当前选中项的value 
$("#selectid").val();
9.得到select的当前选中项的text 
$("#selectid").text();





0 0
原创粉丝点击