jQuery获取Select选择的Text和Value:
语法解释:
1.
- $("#select_id").change(function(){
- 2. var checkText=$("#select_id").find("option:selected").text();
- 3. var checkValue=$("#select_id").val();
- 4. var checkIndex=$("#select_id ").get(0).selectedIndex;
- 5. var maxIndex=$("#select_id option:last").attr("index");
jQuery设置Select选择的 Text和Value:
语法解释:
- 1. $("#select_id ").get(0).selectedIndex=1;
- 2. $("#select_id ").val(4);
- 3. $("#select_id option[text='jQuery']").attr("selected", true);
jQuery添加/删除Select的Option项:
语法解释:
- 1. $("#select_id").append("<option value='Value'>Text</option>");
- 2. $("#select_id").prepend("<option value='0'>请选择</option>");
- 3. $("#select_id option:last").remove();
- 4. $("#select_id option[index='0']").remove();
- 5. $("#select_id option[value='3']").remove();
- 5. $("#select_id option[text='4']").remove();
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关
- 获 取一组radio被选中项的值
- var item = $('input[name=items][checked]').val();
- 获 取select被选中项的文本
- var item = $("select[name=items] option[selected]").text();
- select下拉框的第二个元素为当前选中值
- $('#select_id')[0].selectedIndex = 1;
- radio单选组的第二个元素为当前选中值
- $('input[name=items]').get(1).checked = true;
- 获取值:
- 文本框,文本区域:$("#txt").attr("value");
- 多选框 checkbox:$("#checkbox_id").attr("value");
- 单选组radio: $("input[type=radio][checked]").val();
- 下拉框select: $('#sel').val();
- 控制表单元素:
- 文本框,文本区域:$("#txt").attr("value",'');
- $("#txt").attr("value",'11');
- 多选框checkbox: $("#chk1").attr("checked",'');
- $("#chk2").attr("checked",true);
- if($("#chk1").attr('checked')==undefined)
- 单选组 radio: $("input[type=radio]").attr("checked",'2');
- 下拉框 select: $("#sel").attr("value",'-sel3');
- $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")
- $("#sel").empty();
----------------------------------------------------------------------------------------------------
-
- function changeShipMethod(shipping){
- var len = $("select[name=ISHIPTYPE] option").length
- if(shipping.value != "CA"){
- $("select[name=ISHIPTYPE] option").each(function(){
- if($(this).val() == 111){
- $(this).remove();
- }
- });
- }else{
- $("<option value='111'>UPS Ground</option>").appendTo($("select[name=ISHIPTYPE]"));
- }
- }
-
-
-
- $(#testSelect option:selected').text();
- 或$("#testSelect").find('option:selected').text();
- 或$("#testSelect").val();
-
记 性不好的可以收藏下:
1,下拉框:
- var cc1 = $(".formc select[name='country'] option[selected]").text();
- var cc2 = $('.formc select[name="country"]').val();
- var cc3 = $('.formc select[name="country"]').attr("id");
- $("#select").empty();
- $("<option value='1'>1111</option>").appendTo("#select")
稍微解释一下:
- 1.select[name='country'] option[selected] 表示具有name 属性,
- 并 且该属性值为'country' 的select元素 里面的具有selected 属性的option 元素;
-
- 2,单选框:
- $("input[@type=radio][@checked]").val();
- $("input[@type=radio][@value=2]").attr("checked",'checked');
-
- 3,复选框:
- $("input[@type=checkbox][@checked]").val();
- $("input[@type=checkbox][@checked]").each(function() {
- alert($(this).val());
- });
-
- $("#chk1").attr("checked",'');
- $("#chk2").attr("checked",true);
- if($("#chk1").attr('checked')==undefined){}
当然jquery的选择器是强大的. 还有很多方法.
- <script src="jquery-1.2.1.js" type="text/javascript"></script>
- <script language="javascript" type="text/javascript">
- $(document).ready(function(){
- $("#selectTest").change(function()
- {
-
-
-
-
-
- alert($("#selectTest option[@selected]").text());
- $("#selectTest").attr("value", "2");
-
- });
- });
- </script>
-
- <a href="#">aaass</a>
-
- <!--下拉框-->
- <select id="selectTest" name="selectTest">
- <option value="1">11</option>
- <option value="2">22</option>
- <option value="3">33</option>
- <option value="4">44</option>
- <option value="5">55</option>
- <option value="6">66</option>
- </select>
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关获取一组radio被选中 项的值
- var item = $('input[@name=items][@checked]').val();
- 获取select被选 中项的文本
- var item = $("select[@name=items] option[@selected]").text();
- select 下拉框的第二个元素为当前选中值
- $('#select_id')[0].selectedIndex = 1;
- radio单选组的第二个 元素为当前选中值
- $('input[@name=items]').get(1).checked = true;
- 获取值:
- 文本 框,文本区域:$("#txt").attr("value");
- 多选框 checkbox:$("#checkbox_id").attr("value");
- 单选组radio: $("input[@type=radio][@checked]").val();
- 下拉框select: $('#sel').val();
控 制表单元素:
- 文本框,文本区域:$("#txt").attr("value",'');
- $("#txt").attr("value",'11');
- 多选框checkbox: $("#chk1").attr("checked",'');
- $("#chk2").attr("checked",true);
- if($("#chk1").attr('checked')==undefined)
- 单选组radio: $("input[@type=radio]").attr("checked",'2');
- 下拉框 select: $("#sel").attr("value",'-sel3');
- $("<optionvalue='1'& gt;1111</option><optionvalue='2'>2222</option& gt;").appendTo("#sel")
- $("#sel").empty();
获取一组radio被选中项的值
- var item = $('input[@name=items][@checked]').val();
- 获取select被选中项的文本
- var item = $("select[@name=items] option[@selected]").text();
- select下拉框的第二个元素为当 前选中值
- $('#select_id')[0].selectedIndex = 1;
- radio单选组的第二个元素为当前选中值
- $('input[@name=items]').get(1).checked = true;
- 获取值:
- 文本框,文本区域:$("#txt").attr("value");
- 多选框 checkbox:$("#checkbox_id").attr("value");
- 单选组radio: $("input[@type=radio][@checked]").val();
- 下拉框select: $('#sel').val();
控 制表单元素:
文本框,文本区域:$("#txt").attr("value",'');//清空内容
- $("#txt").attr("value",'11');
- 多选框checkbox: $("#chk1").attr("checked",'');
- $("#chk2").attr("checked",true);
- if($("#chk1").attr('checked')==undefined)
- 单选组radio: $("input[@type=radio]").attr("checked",'2');
- 下拉框 select: $("#sel").attr("value",'-sel3');
- $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")
- $("#sel").empty();
分享到:
相关推荐
jQuery获取Select选择的Text和_Value
jQuery获取Select选择的Text和Value: 选择一项试试看 语法解释: 代码如下: . $(“#select_id”).change(function(){//code…}); //为Select添加事件,当选择其中一项时触发 . var checkText=$(“#select_id”)....
jQuery获取Select标签的手册 单选组radio: $("input[type=radio][checked]").val(); 下拉框select的value值: $('select').val(); 下拉框select选中的text 值:$("select").find("option:selected").text();
1、jquery获取当前选中select的text值 var checkText=$(“#slc1”).find(“option:selected”).text(); 2、jquery获取当前选中select的value值 var checkValue=$(“#slc1”).val(); 3、jquery获取当前选中select的...
语法解释: 代码如下: 1. $(“#select_id”).change(function(){//code…}); //为Select添加事件,当... //获取Select选择的Value 4. var checkIndex=$(“#select_id “).get(0).selectedIndex; //获取Select选择的索
jquery 获得select、radio、checkbox选择的text和value值详解文档
jQuery获取Select选择的Text和Value: 代码如下: $(“#select_id”).change(function(){//code…}); //为Select添加事件,当选择其中一项时触发 var checkText=$(“#select_id”).find(“option:selected”).text(); ...
下面小编就为大家带来一篇jquery获取select,option所有的value和text的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jQuery获取Select选择的Text和Value: 代码如下: var checkText=jQuery(“#select_id”).find(“option:selected”).text(); //获取Select选择的Text var checkValue=jQuery(“#select_id”).val(); //获取Select选择...
主要对jquery控制select的text/value值为选中状态做下总结,省的每次使用都要到网上翻下
jQuery获取Select选择的Text和Value: 语法解释: 1. $(“#select_id”).change(function(){//code…}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$(“#select_id”).find(“option:selected”)...
Jquery操作select标签:包含选中、更改选中;获取选中option的text值、value值和ndex索引值;标签的清空、删除和增加等。
jQuery获取Select选择的Text和Value: 语法解释: 代码如下:$(“#select_id”).change(function(){//code…});//为Select添加事件,当选择其中一项时触发 var checkText=$(“#select_id”).find(“option:selected...
本文实例讲述了jquery获取select选中值的方法。分享给大家供大家参考,具体如下: 误区: 以前一直以为jquery获取select中option被选中的文本值,是这样写的: 复制代码 代码如下:$(“#s”).text(); //获取所有...
jQuery获取Select选择的Text和Value: 1. //获取Select选择的Text var checkText=jQuery("#select_id").find("option:selected").text(); 2. //获取Select选择的option Value var checkValue=jQuery("#select_id...
JQuery获取和设置Select选项方法汇总如下: 代码: 代码如下:$(“#select_id”).change(function(){//code…}); //为Select添加事件,当选择其中一项时触发var checkText=$(“#select_id”).find(“option:...