JS,Jquery获取,dropdownlist,checkbox 下拉列表框的值

JS,Jquery获取,dropdownlist,checkbox 下拉列表框的值

25人阅读 评论(0) 收藏 举报

转载自http://my.oschina.net/kaituozhe/blog/13486

 

jQuery获取Select选择的Text和Value: 
语法申明: 
1. ¥("#_id").change(function(){//code...});   //为Select添加事务,被选择此中一项时触发 
2. var checkText=¥("#_id").find("option:ed").text();  //获取Select选择的Text 
3. var checkValue=¥("#_id").val();  //获取Select选择的Value 
4. var checkIndex=¥("#_id ").get(0).edIndex;  //获取Select选择的索引值 
5. var maxIndex=¥("#_id option:last").attr("index");  //获取Select最大的索引值 
jQuery设置Select选择的Text和Value: 
语法申明: 
1. ¥("#_id ").get(0).edIndex=1;  //设置Select索引值为1的项选中 
2. ¥("#_id ").val(4);   //设置Select的Value值为4的项选中 
3. ¥("#_id option[text=""jQuery""]").attr("ed", true);   //设置Select的Text值为jQuery的项选中 

jQuery添加/删除Select的Option项: 
语法申明: 
1. ¥("#_id").append("<option value=""Value"">Text</option>");  //为Select追加一个Option(下拉项) 
2. ¥("#_id").prepend("<option value=""0"">请选择</option>");  //为Select插入一个Option(第一个地位) 
3. ¥("#_id option:last").remove();  //删除Select中索引值最大Option(最后一个) 
4. ¥("#_id option[index=""0""]").remove();  //删除Select中索引值为0的Option(第一个) 
5. ¥("#_id option[value=""3""]").remove();  //删除Select中Value=""3""的Option 
5. ¥("#_id option[text=""4""]").remove();  //删除Select中Text=""4""的Option 
http://www.cnblogs.com/SAL2928/archive/2008/10/28/1321285.html 

jquery radio取值,checkbox取值,取值,radio选中,checkbox选中,选中,及其相干 
获取一组radio被选中项的值 
var item = ¥(""input[@name=items][@checked]"").val(); 
获取被选中项的文本 
var item = ¥("[@name=items] option[@ed]").text(); 
下拉框的第二个元素为当前选中值 
¥(""#_id"")[0].edIndex = 1; 
radio单选组的第二个元素为当前选中值 
¥(""input[@name=items]"").get(1).checked = true; 

获取值: 

文本框,文本区域:¥("#txt").attr("value"); 
多选框checkbox:¥("#checkbox_id").attr("value"); 
单选组radio:   ¥("input[@type=radio][@checked]").val(); 
下拉框: ¥(""#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"");//设置value=2的项目为当前选中项 
下拉框:   ¥("#sel").attr("value",""-sel3"");//设置value=-sel3的项目为当前选中项 
                ¥("<option value=""1"">1111</option><option value=""2"">2222</option>").appendTo("#sel")//添加下拉框的option 
                ¥("#sel").empty();//清空下拉框 

---------------------------------------------------------------------------------------------------- 


//遍历option和添加、移除option 
function changeShipMethod(shipping){ 
var len = ¥("[@name=ISHIPTYPE] option").length 
if(shipping.value != "CA"){ 
¥("[@name=ISHIPTYPE] option").each(function(){ 
if(¥(this).val() == 111){ 
¥(this).remove(); 
} 
}); 
}else{ 
¥("<option value=""111"">UPS Ground</option>").appendTo(¥("[@name=ISHIPTYPE]")); 
} 
} 


//取得下拉選單的選取值 

¥(#testSelect option:ed"").text(); 
或¥("#testSelect").find(""option:ed"").text(); 
或¥("#testSelect").val(); 
////////////////////////////////////////////////////////////////// 
记性不好的可以收藏下: 
1,下拉框: 

var cc1 = ¥(".formc [@name=""country""] option[@ed]").text(); //获得下拉菜单的选中项的文本(重视中心有空格) 
var cc2 = ¥("".formc [@name="country"]"").val(); //获得下拉菜单的选中项的值 
var cc3 = ¥("".formc [@name="country"]"").attr("id"); //获得下拉菜单的选中项的ID属性值 
¥("#").empty();//清空下拉框//¥("#").html(""""); 
¥("<option value=""1"">1111</option>").appendTo("#")//添加下拉框的option 

稍微申明一下: 
1.[@name=""country""] option[@ed] 默示具有name 属性, 
并且该属性值为""country"" 的元素 里面的具有ed 属性的option 元素; 
可以看出有@开首的就默示后面跟的是属性。 

2,单选框: 
¥("input[@type=radio][@checked]").val(); //获得单选框的选中项的值(重视中心没有空格) 
¥("input[@type=radio][@value=2]").attr("checked",""checked""); //设置单选框value=2的为选中状况.(重视中心没有空格) 

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(){ 
¥("#Test").change(function() 
{ 
//alert("Hello"); 
//alert(¥("#Test").attr("name")); 
//¥("a").attr("href","xx.html"); 
//window.location.href="xx.html"; 
//alert(¥("#Test").val()); 
alert(¥("#Test option[@ed]").text()); 
¥("#Test").attr("value", "2"); 

}); 
}); 
</script> 


<a href="#">aaass</a> 

<!--下拉框--> 
< id="Test" name="Test"> 
<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> 
</> 
jquery radio取值,checkbox取值,取值,radio选中,checkbox选中,选中,及其相干获取一组radio被选中项的值 
var item = ¥(""input[@name=items][@checked]"").val(); 
获取被选中项的文本 
var item = ¥("[@name=items] option[@ed]").text(); 
下拉框的第二个元素为当前选中值 
¥(""#_id"")[0].edIndex = 1; 
radio单选组的第二个元素为当前选中值 
¥(""input[@name=items]"").get(1).checked = true; 
获取值: 
文本框,文本区域:¥("#txt").attr("value"); 
多选框checkbox:¥("#checkbox_id").attr("value"); 
单选组radio: ¥("input[@type=radio][@checked]").val(); 
下拉框: ¥(""#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"");//设置value=2的项目为当前选中项 
下拉框: ¥("#sel").attr("value",""-sel3"");//设置value=-sel3的项目为当前选中项 
¥("<optionvalue=""1"">1111</option><optionvalue=""2"">2222</option>").appendTo("#sel")//添加下拉框的option 
¥("#sel").empty();//清空下拉框 

获取一组radio被选中项的值 
var item = ¥(""input[@name=items][@checked]"").val(); 
获取被选中项的文本 
var item = ¥("[@name=items] option[@ed]").text(); 
下拉框的第二个元素为当前选中值 
¥(""#_id"")[0].edIndex = 1; 
radio单选组的第二个元素为当前选中值 
¥(""input[@name=items]"").get(1).checked = true; 
获取值: 
文本框,文本区域:¥("#txt").attr("value"); 
多选框checkbox:¥("#checkbox_id").attr("value"); 
单选组radio: ¥("input[@type=radio][@checked]").val(); 
下拉框: ¥(""#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"");//设置value=2的项目为当前选中项 
下拉框: ¥("#sel").attr("value",""-sel3"");//设置value=-sel3的项目为当前选中项 
¥("<option value=""1"">1111</option><option value=""2"">2222</option>").appendTo("#sel")//添加下拉框的option 
¥("#sel").empty();//清空下拉框
原文地址:https://www.cnblogs.com/zh101/p/2260381.html