Jquery 获得服务器控件值的方法小结

by admin on 2019年9月6日

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

Jquery获得控件值的三种方法

 本篇文章主要是对Jquery获得控件值的三种方法进行了详细的总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助

一 Jquery获得服务器控件值的方法

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

 

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

 

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

 

  1. $(“input[id*=txtUserID]”).val();

 

  1. $(“*[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>

 

 

本篇文章主要是对Jquery获得控件值的三种方法进行了详细的总结介绍,需要的朋友可以过来参考下,希望对大家…

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

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

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

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

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

  1. $(“input[id*=txtUserID]”).val();
  1. $(“#<%=txtUserID.ClientID%>”).val();

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

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

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

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

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

  1. $(“*[id$=txtUserID]”).val();

二 Jquery获得控件值的方法

二 Jquery获得控件值的方法

asp:TextBox ID=”txtUserID”
runat=”server”/asp:TextBox 1. $(“#%=txtUserID.ClientID%”).val(); 2.
$(“input[id*=txtUserID]”).val(); 3.
$(“*[id$=txtUserID]”).val…

取值:

取值:

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

$(“”)是一个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被选中项的值

或者这样也可以: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;

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”);
多选框checkbox:$(“#checkbox_id”).attr(“value”);
单选组radio: $(“input[@type=radio][@checked]”).val();
下拉框select: $(‘#sel’).val();

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

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

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

多选框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

单选组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();//清空下拉框

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

三   Jquery获得控件 DropDownList值的方法

三   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>

 <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>

您可能感兴趣的文章:

  • 基于jQuery的日期选择控件
  • datePicker——日期选择控件(with
    jquery)
  • jquery设置控件位置的方法
  • Jquery实现控件的隐藏和显示实例
  • jquery判断元素是否隐藏的多种方法
  • jQuery判断元素是否是隐藏的代码
  • jQuery判断数组是否包含了指定的元素
  • jQuery
    判断元素上是否绑定了事件
  • Jquery实现显示和隐藏的4种简单方式
  • JQuery显示、隐藏div的几种方法简明总结
  • jQuery控制TR显示隐藏的几种方法
  • jQuery实现判断控件是否显示的方法

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

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图