Three ways to get control values from jquery

Source: Internet
Author: User

  This article is mainly for jquery to obtain control value of the three methods for a detailed summary of the introduction, the need for friends can come to the reference, I hope to help you.

A jquery method of obtaining server control values since the ASP.net Web page is running, the server control will randomly generate the client id,jquery fetch time is not very good operation, Google, the summary has the following 3 ways:   Server control code: <asp: TextBox id= "Txtuserid" runat= "Server" ></asp:TextBox>    1. $ ("#<%=txtuserid.clientid%>"). Val ();   2. $ ("Input[id*=txtuserid]"). Val ();   3. $ ("*[id$=txtuserid]"). Val ();   Two jquery gets control value method   Value:   $ ("") is a jquery object, not a DOM element value is a property of DOM element jquery corresponds to Val val (): Get The current value of the first matching element. Val (val): Sets the value of each matching element. So, the code should write: Value: val = $ ("#id") [0].value; Assignment: $ ("#id") [0].value = "New value"; or $ ("#id"). Val ("new value");     or This can also be: val = $ ("#id"). attr ("value"); Gets the value of a set of radio selected items   var item = $ (' input[@name =items][@checked] '). Val (); Gets the text of the Select selected item var item = $ ("select[@name =items] option[@selected]"). Text (); The second element of the Select Drop-down box is the currently selected value $ (' #select_id ') [0].selectedindex = 1; The second element of the radio Radio Group is the currently selected value $ (' input[@name =items] '). Get (1). checked = true;   Get value:   text box, text area: $ ("#txt"). attr ("value"); multiple-selection box checkbox:$ ("#checkbox_id"). attr ("VAlue "); Radio: $ (" input[@type =radio][@checked] "). Val (); Dropdown box Select: $ (' #sel '). Val ();   Control form elements: text box, text area: $ ("#txt"). attr ("Value", "");/empty contents $ ("#txt"). attr ("value", ' 11 ');/fill content   Multiple-selection box checkbox: $ ( "#chk1"). attr ("Checked", "")//Do not tick $ ("#chk2"). attr ("Checked", true);/tick if ($ ("#chk1"). attr (' checked ') ==undefined) To determine if a check has been made   Radio Group Radio: $ ("input[@type =radio]"). attr ("Checked", ' 2 ');//Set value=2 item to the current selected Drop-down box select: $ ("#sel"). attr ("Value", '-sel3 ');//Set VALUE=-SEL3 item is the current check $ ("<option value= ' 1 ' >1111</option><option value= ' 2 ') >2222</option> "). Appendto (" #sel ")//Add drop-down box option     $ (" #sel "). Empty ()/clear dropdown box     Three   jquery Get Control DropDownList value method     code as follows:  <script type= "Text/javascript" >       & Nbsp;function Bbok ()        {                   &NB Sp     var a = $ ("#ddlGuo option:selected"). Val ();                 var B = $ ("#ddlGuo option:selected"). Text ();                 $ ("#txttext"). attr ("value", b);                 $ ("#txtval"). attr ("value", a);                &nbsp,        </script> <html> &NB Sp <asp:dropdownlist id= "Ddlguo" runat= "server"  >             <asp:listitem Sel Ected= "True" value= "001" > Beijing </asp:ListItem>             <asp:listitem value= " > Nanjing </asp:ListItem>             <asp:listitem value= "313" > Suzhou </asp: listitem>               </asp:DropDownList>         <as P:textbox id= "txtval" runat= "server" ></asp:TextBox>         <asp:textbox id= "Txttext" runat= "Server" ></asp:TextBox> &NBSp <br/>                      <asp:button id= "Button1" runat = "Server" text= Click Select "onclientclick=" Bbok (); "/>    </html>    
Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.