JQuery中对Select的option项的添加、删除、取值
2015-08-17 13:08
585 查看
jQuery获取Select选择的Text和Value:
jQuery添加/删除Select的Option项:
$("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text var checkValue=$("#select_id").val(); //获取Select选择的Value var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值
jQuery添加/删除Select的Option项:
$("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项) $("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置) $("#select_id 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
相关文章推荐
- jQuery EasyUI combobox在datagrid中的级联依赖
- jquery实现动静态条形统计图
- jQuery手机触屏左右滑动切换栏目和焦点图
- jQuery获取多种input值的方法
- jquery-validation 学习总结
- jQuery笔记:checkbox
- jquery创建动态的div
- jquery+css3实现网页背景花瓣随机飘落特效
- jquery中获取动态checkbox是否被选中
- 基于jQuery通过jQuery.form.js插件使用ajax提交form表单
- 【jQuery】scroll 滚动到顶部
- jquery当文档载入完毕就执行
- jQuery--包裹节点
- jQuery属性,方法操作
- jQuery通过jquery.form.js插件使用AJAX提交Form表单
- jQuery幻灯片带缩略图轮播效果代码分享
- jquery中validate插件表单验证
- 【Ajax技术】JQuery处理XML数据
- jQuery中的datatable 插件新增一行
- 四种常见的提示弹出框(success,warning,error,loading)原生JavaScript和jQuery分别实现