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（）；//清空下拉框