A jquery method for obtaining server control values
Due to the fact that the server control randomly generates the client when the ASP. Id,jquery gets a bad operation, Google has the following 3 ways to summarize:
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 ways to get control values
Value:
$ ("") is a jquery object, not a DOM element
Value is a property of the DOM element
jquery corresponds to the Val
Val (): Gets the current value of the first matching element.
Val (val): Sets the value of each matching element.
So the code should write this:
Value: val = $ ("#id") [0].value;
Assignment value:
$ ("#id") [0].value = "New value";
or $ ("#id"). Val ("new value");
Or it can 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;
Radio the second element of a radio group is the currently selected value
$ (' input[@name =items] '). Get (1). checked = true;
Get Value:
text box, text area: $ ("#txt"). attr ("value");
Multi Box checkbox:$ ("#checkbox_id"). attr ("value");
Radio Group Radio: $ ("input[@type =radio][@checked]"). Val ();
Drop-down box select: $ (' #sel '). Val ();
Control form elements:
text box, text area: $ ("#txt"). attr ("Value", "");//Clear Contents
$ ("#txt"). attr ("value", ' 11 ');//fill content
multiple Marquee checkbox: $ ("#chk1"). attr ("Checked", "");//No Tick
$ ("#chk2"). attr ("Checked", true);//tick
if ($ ("#chk1"). attr (' checked ') ==undefined)//Determine if a tick has been made
Radio Group Radio: $ ("input[@type =radio]"). attr ("Checked", ' 2 ');//Set value=2 for the currently selected item
Drop- down box select: $ ("#sel"). attr ("value", '-sel3 ');//Set the VALUE=-SEL3 item as the current selection
$ ("<option value= ' 1 ' >1111</option><option value= ' 2 ' >2222</option>"). AppendTo ("#sel")// option to add a drop-down box
$ ("#sel"). empty ();//Empty drop-down box
Three jquery ways to get control DropDownList values
Copy CodeThe code is as follows:
<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>
<asp:dropdownlist id= "Ddlguo" runat= "Server" >
<asp:listitem selected= "True" value= "001" > Beijing </asp:ListItem>
<asp:listitem value= "301" > Nanjing </asp:ListItem>
<asp:listitem value= "313" > Suzhou </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= "click on select" onclientclick= "Bbok ();"/>
jquery three ways to get server-side controls