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

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

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();

}

});

转载于:https://www.cnblogs.com/doudoustrongly/p/3660564.html

jquery 操作服务端控件,select 控件相关推荐

JQuery Datatables 服务端分页简单应用学习
背景介绍最近在一个简单小项目中碰到需要一个前端数据表格控件,在看了网上的资料后最终选择了JQuery Datatables.Datatables功能及其强大,基本满足我的所有需求,在加上其插件Edi ...
ajax实现多选 radio true,jQuery操作radio、checkbox、select的方法总结
jQuery操作radio.checkbox.select的方法总结发布于 2015-05-21 06:55:26 | 253 次阅读 | 评论: 0 | 来源: 网友投递 jQuery javas ...
服务端升级为select模型处理多客户端
文章目录 1 服务端升级为select模型处理多客户端 1.1 概述 1.2 服务端实现 1 服务端升级为select模型处理多客户端 1.1 概述之前我们的设计是服务端与客户端1对1的阻塞模式网络 ...
jQuery操作radio、checkbox、select总结
本文转自:http://tiame.iteye.com/blog/1493261 1.radio:单选框 HTML代码: Html代码 <input type="radio&quo ...
jQuery操作radio、checkbox、select 集合
1.radio:单选框 HTML代码: <input type="radio" name="radio" id="radio1" va ...
Jquery DataTable服务端分页的最佳实现
2019独角兽企业重金招聘Python工程师标准>>> index.html <!DOCTYPE html> <html> <head><t ...
jquery实用应用之jquery操作radio、checkbox、select
本文收集一些jquery的实用技巧,非常实用的哦,其中对radio.checkbox.select选中与取值的方法. 获取一组radio被选中项的值 var item = $('input[@name ...
HTML select控件
select控件 select控件用于创建下拉列表框(下拉菜单),并通过 option 元素创建列表中的选项,供用户从中选择. 定义 select控件时,在 select元素中设置 name 属性,并 ...
miniui 和ajax,jQuery MiniUI开发系列之：Ajax处理超时、服务端错误
MiniUI所有组件的ajax交互,均使用标准.成熟的jQuery.ajax. 依赖于jquery ajax组件的完善性,我们可以拦截住每一次ajax请求处理. 比如,拦截ajax返回数据前,判断返回 ...

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

jquery 操作服务端控件,select 控件相关推荐

最新文章

热门文章