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

相关推荐