jquery 操作服务端控件,select 控件

 <asp:DropDownList ID="ddl" runat="server"></asp:DropDownList>

<select id="ddlsel" ></select>

jquery取得该控件的方式有：

1. var  ddl = $("#<%=ddl.ClientID%>"); //jq获取服务端控件,此方法比较实用
2. var  ddl = $("*[id$=ddl]"); //jq获取服务端控件
3. var  ddl = $("input[id*=ddl]"); //jq获取服务端控件

4. var  ddl = $("#ddlsel");//获取客户端控件

 

js取得服务端控件的方式：

1. var  ddl = document.getElementById("<%=ddl.ClientID%>"); //js获取服务端控件

2. var  ddl = document.getElementById("ddlsel"); //js获取客户端控件

 

获取当前select选中值

1. var v =$("#ddl").find("option[text='pxx']").attr("value");

2. var v =$("#ddl").find("option:selected").attr("value");

3. var v =$("#ddl option:selected").attr("value");

4. var v =$("#ddl").val();

5. var ind =$("#ddl").get(0).selectedIndex;

 

设置指定值

1. $("#ddl").find("option:selected").attr("value","this val");//修改选中值

2. $("#ddl").find("option:first").attr("value","this val");//修改第一个选项的值

3. $("#ddl").find("option:last").attr("value","this val");//修改最后一个选项的值

4. $("#ddl").val("this value");//设置当前选中的值为"this value"

5. $("#ddl").append($("<option>").val("张三").text("张三"))//添加最后

6. $("#ddl").prepend("<option value='0'>请选择</option>");//添加到最前面

清空select

1.$("#ddl option[selectedIndex]").remove();//移除当前当前索引选项

2.$("#ddl").html();//清空select

3.$("#ddl").empty();//清空select

遍历Option

$("#ddl option").each(funtion(){

if($(this).val()=="test"){

$(this).remove();

}

});