jQuery——获取option方法汇总
来源:互联网 发布:程序员面试笔试宝典 编辑:程序博客网 时间:2024/06/15 10:35
jQuery的一些方法理出一些常用的方法:
设置select选择的Text和Value
获取选中checkbox的个数:
//获取第一个option的值 $('#test option:first').val(); //最后一个option的值 $('#test option:last').val(); //获取第二个option的值 $('#test option:eq(1)').val(); //获取选中的值 $('#test').val(); $('#test option:selected').val(); //设置值为2的option为选中状态 $('#test').attr('value','2'); //设置第一个option为选中 $('#test option:last').attr('selected','selected'); $("#test").attr('value' , $('#test option:last').val()); $("#test").attr('value' , $('#test option').eq($('#test option').length - 1).val()); //获取select的长度 $('#test option').length; //添加一个option $("#test").append("ff"); $("ff").appendTo("#test"); //添除选中项 $('#test option:selected').remove(); //指定项选中 $('#test option:first').remove(); //指定值被删除 $('#test option').each(function(){ if( $(this).val() == '5'){ $(this).remove(); } }); $('#test option[value=5]').remove(); //获取第一个Group的标签 $('#test optgroup:eq(0)').attr('label'); //获取第二group下面第一个option的值 $('#test optgroup:eq(1) :option:eq(0)').val();
获取select中选择的text与value相关的值
获取select选择的Text : var checkText=$("#slc1").find("option:selected").text(); 获取select选择的value:var checkValue=$("#slc1").val(); 获取select选择的索引值: var checkIndex=$("#slc1 ").get(0).selectedIndex; 获取select最大的索引值: var maxIndex=$("#slc1 option:last").attr("index");
设置select选择的Text和Value
设置select索引值为1的项选中:$("#slc1 ").get(0).selectedIndex=1; 设置select的value值为4的项选中: $("#slc1 ").val(4); 设置select的Text值为JQuery的选中: $("#slc1 option[text='jQuery']").attr("selected", true); PS:特别要注意一下第三项的使用哦。看看JQuery的选择器功能是如此地强大呀!
友情提示:
jquery代码中,可以直接在select对应的dom节点上直接复制就可以实现选中的效果,
如:$("#productId").val(data.id);
但是在实际开发中我们经常遇到一个问题就是ajax返回数据渲染失败,
这是由于ajax自身书异步请求的,你不知道是返回结果值先渲染页面还是你的jquer先操作dom节点,解决这个问题很简单,将ajax请求设为同步,加上asyn: false即可;
添加删除option项
为select追加一个Option(下拉项) $("#slc2").append(""+i+""); 为select插入一个option(第一个位置) $("#slc2").prepend("请选择"); PS: prepend 这是向所有匹配元素内<span id="transmark"></span>部的开始处插入内容的最佳方式。 删除select中索引值最大option(最后一个) $("#slc2 option:last").remove(); 删除select中索引值为0的option(第一个) $("#slc2 option[index='0']").remove(); 删除select中value='3'的option $("#slc2 option[value='3']").remove(); 删除select中text='4'的option $("#slc2 option[text='3']").remove();</pre><strong><span style="font-size:14px">option去重</span></strong><pre code_snippet_id="1674505" snippet_file_name="blog_20160506_5_275135" code_snippet_id="1674505" snippet_file_name="blog_20160506_5_275135" name="code" class="javascript">$("select option").each(function() { text = $(this).text(); if($("select option:contains("+text+")").length > 1) $("select option:contains("+text+"):gt(0)").remove(); });
判断checkbox是否选择:
(如果选择的checkbox本身的话,可以直接用this.checked判断是否被选择,如果从其他节点获取到checkbox节点的话用方法二)
<span style="font-size:12px;">网上大多数文章都提供的方法都是无效的,害死个人,本文中的方法小编亲测试有效,建议使用方法二:方法一:if ($("#checkbox-id")get(0).checked) { // do something}方法二:if($('#checkbox-id').is(':checked')) { // do something}方法三:if ($('#checkbox-id').attr('checked')) { // do something}</span>
获取选中checkbox的个数:
<span style="font-size:12px;">var num = $("input[type='checkbox'][class='subcheck']:checked").length;</span>
阅读全文
0 0
- jQuery——获取option方法汇总
- jQuery获取option方法汇总
- jQuery获取option方法汇总
- jQuery获取option
- jQuery获取option
- Jquery 动态增加option及获取值 遍历option相关方法
- jquery获取option自定义属性
- jquery选中option的方法
- <select><option>值获取方法
- jQuery获取select中所有option值
- jQuery获取selet中option事件
- Jquery attr获取option属性值
- jquery获取select选项option的值
- jquery 获取选中的select的option
- jquery动态获取select控件的option
- jQuery获取select中所有option值
- jquery 常用方法汇总
- jquery方法汇总
- Express + React 搭建简易web微博
- 杭电acm 1408 挂盐水
- 003讲改进游戏--Python深入语法与类型
- HTML5(5)__H5新增标签
- 小希的迷宫
- jQuery——获取option方法汇总
- Retrofit源码浅析
- 用python抓取中北大学贴吧信息看热点
- Windows linux子系统(一)----安装
- linux下安装pycharm遇到的问题
- mac OS 运行git报错; 前端ajax请求, 数据跨域,前端获取不到数据
- HDU 6078 Wavel Sequence
- 模板类和异常
- Android Arcgis(14)、FeatureLayer之范围查询