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();
}
});
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。