Jquery获取服务器端控件的三种方式

一 Jquery获得服务器控件值的方法
由于ASP.NET网页运行后,服务器控件会随机生成客户端id,jquery获取时候不太好操作,google了下,总结有以下3种方法:

服务器控件代码:<asp:TextBox ID="txtUserID" runat="server"></asp:TextBox>

1. $("#<%=txtUserID.ClientID%>").val();

2. $("input[id*=txtUserID]").val();

3. $("*[id$=txtUserID]").val();

二 Jquery获得控件值的方法

取值:

$("")是一个jquery对象,而不是一个dom element
value是dom
element的属性
jquery与之对应的是val
val()
:获得第一个匹配元素的当前值。
val(val):设置每一个匹配元素的值。
所以,代码应该这样写:
取值:val =
$("#id")[0].value;
赋值:
$("#id")[0].value = "new
value";
或者$("#id").val("new value");

或者这样也可以:val = $("#id").attr("value");
获取一组radio被选中项的值

var item = $(‘input[@name=items][@checked]‘).val();
获取select被选中项的文本
var
item = $("select[@name=items]
option[@selected]").text();
select下拉框的第二个元素为当前选中值
$(‘#select_id‘)[0].selectedIndex
= 1;
radio单选组的第二个元素为当前选中值
$(‘input[@name=items]‘).get(1).checked =
true;

获取值:

文本框,文本区域:$("#txt").attr("value");
多选框checkbox:$("#checkbox_id").attr("value");
单选组radio:
$("input[@type=radio][@checked]").val();
下拉框select: $(‘#sel‘).val();

控制表单元素:
文本框,文本区域:$("#txt").attr("value",‘‘);//清空内容
$("#txt").attr("value",‘11‘);//填充内容

多选框checkbox:
$("#chk1").attr("checked",‘‘);//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr(‘checked‘)==undefined)
//判断是否已经打勾

单选组radio:
$("input[@type=radio]").attr("checked",‘2‘);//设置value=2的项目为当前选中项
下拉框select:
$("#sel").attr("value",‘-sel3‘);//设置value=-sel3的项目为当前选中项
$("<option
value=‘1‘>1111</option><option
value=‘2‘>2222</option>").appendTo("#sel")//添加下拉框的option

$("#sel").empty();//清空下拉框

三 Jquery获得控件
DropDownList值的方法

复制代码
代码如下:

<script
type="text/javascript">
function bbOK()
{

var a = $("#ddlGuo
option:selected").val();
var b = $("#ddlGuo
option:selected").text();
$("#txttext").attr("value",
b);
$("#txtval").attr("value", a);
}

</script>
<html>
<asp:DropDownList ID="ddlGuo"
runat="server" >
<asp:ListItem Selected="True"
Value="001">北京市</asp:ListItem>
<asp:ListItem
Value="301">南京</asp:ListItem>
<asp:ListItem
Value="313">苏州</asp:ListItem>

</asp:DropDownList>
<asp:TextBox ID="txtval"
runat="server"></asp:TextBox>
<asp:TextBox ID="txttext"
runat="server"></asp:TextBox>
<br />

<asp:Button ID="Button1" runat="server" Text="点击Select"
OnClientClick="bbOK();" />
</html>

时间: 2024-08-19 12:21:40

Jquery获取服务器端控件的三种方式的相关文章

反射概念:获取class文件对象的三种方式

反射 JAVA反射机制是在运行状态中,对于任意一个类,都能够知道这个类的所有属性和方法:对于任意一个对象,都能够调用它的任意一个方法和属性:这种动态获取的信息以及动态调用对象的方法的功能称为java语言的反射机制. 要想解剖一个类,必须先要获取到该类的字节码文件对象.而解剖使用的就是Class类中的方法.所以先要获取到每一个字节码文件对应的Class类型的对象. 利用class文件对象,去使用该文件中的成员变量,构造方法,成员方法. 例子1:获取class文件对象的三种方式 public cla

django获取单表数据的三种方式

django获取单表数据的三种方式 v1 = models.Business.objects.all() # QuerySet ,内部元素都是对象 v2 = models.Business.objects.all().values('id','caption') # QuerySet ,内部元素都是字典 v3 = models.Business.objects.all().values_list('id','caption') # QuerySet ,内部元素都是元组 def business(

github项目解析(八)--&gt;Activity启动过程中获取组件宽高的三种方式

转载请标明出处:一片枫叶的专栏 上一个github小项目中我们介绍了防止按钮重复点击的小框架,其实现的核心逻辑是重写OnClickListener的onClick方法,添加防止重复点击的逻辑,即为第二次点击与第一次点击的时间间隔添加阙值,若第二次点击的时间间隔与第一次点击的时间间隔小于阙值,则此次点击无效,再次基础上我们又封装了点击组件验证网络Listener,点击组件验证是否登录Listener等,具体可参考:github项目解析(七)–>防止按钮重复点击 本文中我将介绍一下android中A

JS获取服务器端控件ID

很多时候我们需要在JS中对服务器端控件进行一些简单处理,但是这个时候没有必要回发到服务器,让服务器去处理,这个时候就又要用到JS了 那么怎么去获取这个服务器端控件呢?我们知道服务器最终返回到用户界面的其实就是一个HTML文件,所有的服务器控件最后都成为了普通意义上的HTML,必须TEXTBOX会成为一个<input type="text"....>这个时候,服务器端同样会给该HTML标签加上一个ID,以前写JS来获取这个ID 的时候常常就是用的这个ID,但是我们却不能总是用

多线程总结之旅(112):跨线程调用控件的几种方式

本来是写完线程池就结束多线程总结之旅系列的,但是想想平时在项目中用到线程仅仅不够的,为什么这么说呢?举个例子:我们有一个函数,它的功能就是加载数据,然后绑定到datagridview.现在我们开启一个线程去执行这个函数.结果可想而知,它会报错:提示线程无法访问...之类的话.为什么报错呢?因为你在开启的线程中操作了datagridview控件,也就是你跨线程调用控件了. 那么我们应该怎么跨线程调用控件呢?下面我就把我总结的几种方法奉献给各位. 跨线程调用控件的几种方法: 1.方法一:Contro

Web开发中获取Spring的ApplicationContext的三种方式

在 WEB 开发中,可能会很少需要显示的获得 ApplicationContext 来得到由 Spring 进行管理的某些 Bean, 今天我就遇到了,在这里和大家分享一下, WEB 开发中,怎么获取 ApplicationContext 一       要想怎么获取 ApplicationContext, 首先必须明白 Spring 内部 ApplicationContext 是怎样存储的.下面我们来跟踪一下源码 首先:从大家最熟悉的地方开始 Java代码   <listener> <

模拟QQ侧滑控件 实现三种界面切换效果(知识点:回调机制,解析网络json数据,fragment用法等)。

需要用到的lib包 :解析json  gson包,从网络地址解析json数据成String字符串的异步网络解析工具AsyncHttpClient等 下载地址:点击下载 Xlistview 下拉上拉第三方框架  点击下载 侧滑菜单的lib  点击下载 1 package com.lixu.testjsonall; 2 3 import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu; 4 import com.jeremyfeinstein.slid

jQuery获取select控件中选中的文本

jQuery代码 $(function () { $("#moveright").click(function () { var items = $("#select1 option:selected").remove(); $("#select2").append(items); }); }); HTML代码 <select style=" float:left; width:15%; height:100%;" id

Jquery获取select 控件的change事件时选中的值

HTML代码如下: <div class="col-sm-9 col-xs-12"> <select id="groupid" class="form-control" style="float: left" name="groupid"> <option value="0">请选择</option> <option value=&q