JS,Jquery获取,dropdownlist,checkbox 下拉列表框的值
转载自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();//清空下拉框