Jquary获取页面控件的值

一 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");

lable:$("#id") lable.text("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-12-27 13:18:59

Jquary获取页面控件的值的相关文章

如何获取Iframe的页面控件的值

有时候我们在页面需要使用iframe的方法来引用另一个页面,虽然个人建议不要使用iframe哈,但是有些时候是没得法了才使用的咯,那么在使用的过程中也会遇到某一些问题,我将自己遇到的问题记录下来方便以后的朋友在遇到了此问题少走弯路!!! 假如我首页index.hmtl使用了iframe引用了child.html页面代码如下: <div> <div class="panel panel-default"> <div> <div class=&qu

在后台获取Textarea控件的值

使用Request.Form方法 1.在前台设置name 属性 <textarea name="Content">hdjfhjdfhdj</textarea> 2.在后台根据name获取值 string s = Request.Form["Content"].ToString();

.NET后台如何获取前台HMTL控件的值

很多时候我们需要HTML控件,感觉比服务器控件更加简介,清爽,那么如何获取HMTL控件的值呢,请看下面例子: 前台页面代码: <input id="Text1" type="text" name="test" /> 获取值的后台代码:Request.Form["test"];记住这里是使用的name获取它的值. 假如是这个控件: <select id="sel_sex" name=&quo

javascript获取asp.net服务器端控件的值

代码如下: <%@ Page Language="C#" CodeFile="A.aspx.cs" Inherits="OrderManage_A" %> <%@ Register Src="../UserControl/CtrlCalendar.ascx" TagName="CtrlCalendar" TagPrefix="uc1" %> <html>

子页面如何获得母版页控件的值

有一个网友在问: 为了子页能访问到MasterPage母版页的控件,使用接口: 母版页实作这个接口 在子页的铵钮事件: 演示一下: 子页面如何获得母版页控件的值

ASP.NET MVC加载用户控件后并获取其内控件值或赋值

有网友看了这篇<ASP.NET MVC加载ASCX之后,并为之赋值>http://www.cnblogs.com/insus/p/3643254.html 之后,问及Insus.NET,不想在控件制器内进行赋值,而是想在视图中使用jQuery来获取用户控件内的控件值或是为它们赋值.那需要怎样来做呢? 下面Insus.NET花上少少时间,做个简单的例子,演示与分享实现的方法. 实现之前,先修改一下AscxUtility.cs这个类中的 public static HtmlString Rende

使用FindControl(&quot;id&quot;)查找控件 返回值都是Null的问题

做了一个通过字符串ID查找页面控件并且给页面控件赋值的功能,过程中遇到了this.FindControl("id")返回值都是Null的问题,记录一下解决办法. 问题的原因是我所要查找的ID控件的父控件不是this所造成的. 所以我写了一个递归方法获取控件: 1 /// <summary> 2 /// 获取页面中某个控件 3 /// </summary> 4 /// <param name="control">父控件容器</

offline页面开发常用方法及页面控件验证

offline页面开发常用方法及页面控件验证,对一些CheckBoxList操作进行封装,新人可以直接使用该代码. 1.返回上一页网址 /// <summary> /// Description: /// 返回上一页网址 /// Author : 付义方 /// Create Date: 2014-02-09 /// </summary> /// <returns>跳转Url</returns> public string ToRedirect() { //

Selenium IDE安装和检查获取的控件路径技巧

来源:http://www.jianshu.com/p/0ea2dc83549f 从学习Selenium 开始,都是自己写脚本,后来得知有个插件Selenium IDE可以录制脚本,也懒得用了,觉得自己写脚本挺好. 今天看别人的博客,发现Selenium IDE可以检查获取的控件路径是否正确不用通过执行程序的方式来校验,很直接,省去了执行程序的繁琐,特此学习一下. 环境:firefox浏览器,firebug插件,selenium IDE插件场景:通过Selenium IDE检测获取的百度首页中搜