jquery select取值,赋值操作
select">jqueryselect取值,赋值操作
一、获取Select
获取select选中的text:
$("#ddlRegType").find("option:selected").text();
获取select选中的索引:
$("#ddlRegType").get(0).selectedIndex;
二、设置Select
设置select选中的索引:
$("#ddlRegType").get(0).selectedIndex=index;//index为索引值
设置select选中的value:
$("#ddlRegType").attr("value","Normal“);
$("#ddlRegType").val("Normal");
$("#ddlRegType").get(0).value=value;
设置select选中的text:
1varcount=$("#ddlRegTypeoption").length;
2
3for(vari=0;i<count;i++)
4{
5 if($("#ddlRegType").get(0).options[i].text==text)
6{
7$("#ddlRegType").get(0).options[i].selected=true;
8break;
9}
10}
$("#select_idoption[text='jQuery']").attr("selected",true);
设置selectoption项:
$("#select_id").append("<optionvalue='Value'>Text</option>");//添加一项option
$("#select_id").prepend("<optionvalue='0'>请选择</option>");//在前面插入一项option
$("#select_idoption:last").remove();//删除索引值最大的Option
$("#select_idoption[index='0']").remove();//删除索引值为0的Option
$("#select_idoption[value='3']").remove();//删除值为3的Option
$("#select_idoption[text='4']").remove();//删除TEXT值为4的Option
清空Select:
$("#ddlRegType").empty();
下拉框:
varcc1=$(".formcselect[@name='country']option[@selected]").text();//得到下拉菜单的选中项的文本(注意中间有空格)
varcc2=$('.formcselect[@name="country"]').val();//得到下拉菜单的选中项的值
varcc3=$('.formcselect[@name="country"]').attr("id");//得到下拉菜单的选中项的ID属性值
$("#select").empty();//清空下拉框//$("#select").html('');
$("<optionvalue='1'>1111</option>").appendTo("#select")//添加下拉框的option
稍微解释一下:
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');//设置单选框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){}//判断是否已经打勾
//遍历option和添加、移除option
functionchangeShipMethod(shipping){
varlen=$("select[@name=ISHIPTYPE]option").length
if(shipping.value!="CA"){
$("select[@name=ISHIPTYPE]option").each(function(){
if($(this).val()==111){
$(this).remove();
}
});
}else{
$("<optionvalue='111'>UPSGround</option>").appendTo($("select[@name=ISHIPTYPE]"));
}
}
//取得下拉选单的选取值
$(#testSelectoption:selected').text();
或$("#testSelect").find('option:selected').text();
或$("#testSelect").val();
更多详细内容请查看:http://www.111cn.net/wy/jquery/39494.htm