JQuery操作html控件

jQuery添加/删除Select的Option项&＃xff1a;
语法解释&＃xff1a;
1. $("#select_id").append("Text");  //为Select追加一个Option(下拉项)
2. $("#select_id").prepend("请选择");  //为Select插入一个Option(第一个位置)
3. $("#select_id option:last").remove();  //删除Select中索引值最大Option(最后一个)
4. $("#select_id option[index&＃61;"0"]").remove();  //删除Select中索引值为0的Option(第一个)
5. $("#select_id option[value&＃61;"3"]").remove();  //删除Select中Value&＃61;"3"的Option
5. $("#select_id option[text&＃61;"4"]").remove();  //删除Select中Text&＃61;"4"的Option

jquery radio取值&＃xff0c;checkbox取值&＃xff0c;select取值&＃xff0c;radio选中&＃xff0c;checkbox选中&＃xff0c;select选中&＃xff0c;及其相关 
获 取一组radio被选中项的值 
var item &＃61; $("input[&＃64;name&＃61;items][&＃64;checked]").val(); 
获 取select被选中项的文本 
var item &＃61; $("select[&＃64;name&＃61;items] option[&＃64;selected]").text(); 
select下拉框的第二个元素为当前选中值 
$("#select_id")[0].selectedIndex &＃61; 1; 
radio单选组的第二个元素为当前选中值 
$("input[&＃64;name&＃61;items]").get(1).checked &＃61; true; 

获取值&＃xff1a; 

文本框&＃xff0c;文本区域&＃xff1a;$("#txt").attr("value")&＃xff1b; 
多选框 checkbox&＃xff1a;$("#checkbox_id").attr("value")&＃xff1b; 
单选组radio&＃xff1a;   $("input[&＃64;type&＃61;radio][&＃64;checked]").val(); 
下拉框select&＃xff1a; $("#sel").val(); 

控制表单元素&＃xff1a; 
文本框&＃xff0c;文本区域&＃xff1a;$("#txt").attr("value","");//清空内容 
$("#txt").attr("value","11");//填充内容 

多选框checkbox&＃xff1a; $("#chk1").attr("checked","");//不打勾 
$("#chk2").attr("checked",true);//打勾 
if($("#chk1").attr("checked")&＃61;&＃61;undefined) //判断是否已经打勾 

单选组 radio&＃xff1a;    $("input[&＃64;type&＃61;radio]").attr("checked","2");//设置value&＃61;2的项目为当前选中项 
下拉框 select&＃xff1a;   $("#sel").attr("value","-sel3");//设置value&＃61;-sel3的项目为当前选中项 
$("11112222").appendTo("#sel")//添加下拉框的option 
$("#sel").empty()&＃xff1b;//清空下拉框

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

 

//遍历option和添加、移除option
function changeShipMethod(shipping){
var len &＃61; $("select[&＃64;name&＃61;ISHIPTYPE] option").length
if(shipping.value !&＃61; "CA"){
$("select[&＃64;name&＃61;ISHIPTYPE] option").each(function(){
if($(this).val() &＃61;&＃61; 111){
$(this).remove();
}
});
}else{
$("UPS Ground").appendTo($("select[&＃64;name&＃61;ISHIPTYPE]"));
}
}

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

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

var cc1 &＃61; $(".formc select[&＃64;name&＃61;"country"] option[&＃64;selected]").text(); //得到下拉菜单的选中项的文本(注意中间有空格)
var cc2 &＃61; $(".formc select[&＃64;name&＃61;"country"]").val(); //得到下拉菜单的选中项的值
var cc3 &＃61; $(".formc select[&＃64;name&＃61;"country"]").attr("id"); //得到下拉菜单的选中项的ID属性值
$("#select").empty();//清空下拉框 //$("#select").html("");
$("1111").appendTo("#select")//添加下拉框的option

稍微解释一下:
1.select[&＃64;name&＃61;"country"] option[&＃64;selected] 表示具有name 属性&＃xff0c;
并 且该属性值为"country" 的select元素 里面的具有selected 属性的option 元素&＃xff1b;
可以看出有&＃64;开头的就表示后面跟 的是属性。

2,单选框:
$("input[&＃64;type&＃61;radio][&＃64;checked]").val(); //得到单选框的 选中项的值(注意中间没有空格)
$("input[&＃64;type&＃61;radio][&＃64;value&＃61;2]").attr("checked","checked"); //设置单选框value&＃61;2的为选中状态.(注意中间没有空格)

3,复选框:
$("input[&＃64;type&＃61;checkbox][&＃64;checked]").val(); //得到复选框的选中的第一项的值
$("input[&＃64;type&＃61;checkbox][&＃64;checked]").each(function() { //由于复选框一般选中的是多个,所以可以循环输出
alert($(this).val());
});

$("#chk1").attr("checked","");//不打勾
$("#chk2").attr("checked",true);// 打勾
if($("#chk1").attr("checked")&＃61;&＃61;undefined){} //判断是否已经打勾

当然jquery的选择器是强大的. 还有很多方法.

aaass

11
22
33
44
55
66

jquery radio取值&＃xff0c;checkbox取值&＃xff0c;select取值&＃xff0c;radio选中&＃xff0c;checkbox选中&＃xff0c;select选中&＃xff0c;及其相关获取一组radio被选中 项的值
var item &＃61; $("input[&＃64;name&＃61;items][&＃64;checked]").val();
获取select被选 中项的文本
var item &＃61; $("select[&＃64;name&＃61;items] option[&＃64;selected]").text();
select 下拉框的第二个元素为当前选中值
$("#select_id")[0].selectedIndex &＃61; 1;
radio单选组的第二个 元素为当前选中值
$("input[&＃64;name&＃61;items]").get(1).checked &＃61; true;
获取值&＃xff1a;
文本 框&＃xff0c;文本区域&＃xff1a;$("#txt").attr("value")&＃xff1b;
多选框 checkbox&＃xff1a;$("#checkbox_id").attr("value")&＃xff1b;
单选组radio&＃xff1a; $("input[&＃64;type&＃61;radio][&＃64;checked]").val();
下拉框select&＃xff1a; $("#sel").val();
控 制表单元素&＃xff1a;
文本框&＃xff0c;文本区域&＃xff1a;$("#txt").attr("value","");//清空内容
$("#txt").attr("value","11");// 填充内容
多选框checkbox&＃xff1a; $("#chk1").attr("checked","");//不打勾
$("#chk2").attr("checked",true);// 打勾
if($("#chk1").attr("checked")&＃61;&＃61;undefined) //判断是否已经打勾
单选组radio&＃xff1a; $("input[&＃64;type&＃61;radio]").attr("checked","2");//设置value&＃61;2的项目为当前选中项
下拉框 select&＃xff1a; $("#sel").attr("value","-sel3");//设置value&＃61;-sel3的项目为当前选中项
$("2222$("#sel").empty()&＃xff1b;// 清空下拉框

获取一组radio被选中项的值
var item &＃61; $("input[&＃64;name&＃61;items][&＃64;checked]").val();
获取select被选中项的文本
var item &＃61; $("select[&＃64;name&＃61;items] option[&＃64;selected]").text();
select下拉框的第二个元素为当 前选中值
$("#select_id")[0].selectedIndex &＃61; 1;
radio单选组的第二个元素为当前选中值
$("input[&＃64;name&＃61;items]").get(1).checked &＃61; true;
获取值&＃xff1a;
文本框&＃xff0c;文本区域&＃xff1a;$("#txt").attr("value")&＃xff1b;
多选框 checkbox&＃xff1a;$("#checkbox_id").attr("value")&＃xff1b;
单选组radio&＃xff1a; $("input[&＃64;type&＃61;radio][&＃64;checked]").val();
下拉框select&＃xff1a; $("#sel").val();
控 制表单元素&＃xff1a;
文本框&＃xff0c;文本区域&＃xff1a;$("#txt").attr("value","");//清空内容
$("#txt").attr("value","11");// 填充内容
多选框checkbox&＃xff1a; $("#chk1").attr("checked","");//不打勾
$("#chk2").attr("checked",true);// 打勾
if($("#chk1").attr("checked")&＃61;&＃61;undefined) //判断是否已经打勾
单选组radio&＃xff1a; $("input[&＃64;type&＃61;radio]").attr("checked","2");//设置value&＃61;2的项目为当前选中项
下拉框 select&＃xff1a; $("#sel").attr("value","-sel3");//设置value&＃61;-sel3的项目为当前选中项
$("11112222").appendTo("#sel")//添加下拉框的option
$("#sel").empty()&＃xff1b;// 清空下拉框