jquery获得select option的值 和对select option的操作详解编程语言
2023-06-13 09:20:25 时间
1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发
2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text
3. var checkValue=$("#select_id").val(); //获取Select选择的Value
4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值
5. var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值
jQuery获取Select元素,并设置的 Text和Value:
实例分析:
1. $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中
2. $("#select_id ").val(4); // 设置Select的Value值为4的项选中
3. $("#select_id option[text=jQuery]").attr("selected", true); //设置Select的Text值为jQuery的项选中
jQuery添加/删除Select元素的Option项:
实例分析:
1. $("#select_id").append(" option value=Value Text /option //为Select追加一个Option(下拉项)
2. $("#select_id").prepend(" option value=0 请选择 /option //为Select插入一个Option(第一个位置)
3. $("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)
4. $("#select_id option[index=0]").remove(); //删除Select中索引值为0的Option(第一个)
5. $("#select_id option[value=3]").remove(); //删除Select中Value=3的Option
6. $("#select_id option[text=4]").remove(); //删除Select中Text=4的Option
$("#fourthLevelId option[value!=0]").remove(); }//这个表示:假如我们希望当选择选择第三类时:如果第四类中有数据则删除,如果没有数据第四类的商品中的为默认值。在后面学习了AJAX技术后经常会使用到!
$("#btn2").click(function(){ $("[name=checkbox]").removeAttr("checked");//取消全选 $("#btn3").click(function(){ $("[name=checkbox]:even").attr("checked",true);//选中所有奇数 $("#btn4").click(function(){ $("[name=checkbox]").each(function(){//反选 if($(this).attr("checked")){ $(this).removeAttr("checked"); else{ $(this).attr("checked",true); $("#btn5").click(function(){//输出选中的值 var str=""; $("[name=checkbox][checked]").each(function(){ str+=$(this).val()+"/r/n"; //alert($(this).val()); alert(str); })
$("#fourthLevelId option[value!=0]").remove(); }//这个表示:假如我们希望当选择选择第三类时:如果第四类中有数据则删除,如果没有数据第四类的商品中的为默认值。在后面学习了AJAX技术后经常会使用到!
$("#btn2").click(function(){ $("[name=checkbox]").removeAttr("checked");//取消全选 $("#btn3").click(function(){ $("[name=checkbox]:even").attr("checked",true);//选中所有奇数 $("#btn4").click(function(){ $("[name=checkbox]").each(function(){//反选 if($(this).attr("checked")){ $(this).removeAttr("checked"); else{ $(this).attr("checked",true); $("#btn5").click(function(){//输出选中的值 var str=""; $("[name=checkbox][checked]").each(function(){ str+=$(this).val()+"/r/n"; //alert($(this).val()); alert(str); })
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/8694.html
cjava相关文章
- jQuery简单的Ajax调用示例详解编程语言
- jQuery 自动补全详解编程语言
- 12个用得着的JQuery代码片段详解编程语言
- jQuery实现发送短信验证码后60秒倒计时详解编程语言
- jQuery图片预加载详解编程语言
- jquery 图片360度旋转效果详解编程语言
- jquery实现返回顶部效果详解编程语言
- jquery.cookie使用方法详解编程语言
- jQuery实现密码强度检测详解编程语言
- 利用 jquery flot 生成柱状图详解编程语言
- jquery实现瀑布流布局详解编程语言
- 载入图像时显示正在载入中的jQuery实现详解编程语言
- jQuery判断浏览器类型详解编程语言
- Day5 JavaScript(三)事件、表单验证以及初识jQuery详解编程语言
- jQuery File Upload v9.17.0 发布,一个非常优秀的上传组件详解编程语言
- jquery获取父级元素、子级元素、兄弟元素详解编程语言
- jquery常用选择器总结详解编程语言
- jQuery获取this当前对象子元素对象详解编程语言
- jquery实现复选框checkbox全选,取消全选详解编程语言
- 12招jQuery常用技巧详解编程语言
- jQuery Validation让验证变得如此容易(三)详解编程语言
- Jquery超简单遮罩层实现代码详解编程语言
- jquery控制元素的隐藏和显示的几种方法。详解编程语言
- Jquery 跨Dom窗口操作详解编程语言
- js jquery 页面加载初始化方法详解编程语言
- jquery手指触摸滑动放大图片的方法(比较靠谱的方法)详解编程语言
- jquery实现的元素的left增加N像素鼠标移开会慢慢的移动到原来的位置