Syntax explanation:
1. $ ("# select_id"). Change (function () {// code ...}); // Add an event for the SELECT statement. This event is triggered when one of the select statements is selected.
2. var checktext = $ ("# select_id"). Find ("option: Selected"). Text (); // Obtain the selected text
3. var checkvalue = $ ("# select_id"). Val (); // Obtain the value selected by the SELECT statement.
4. var checkindex = $ ("# select_id"). Get (0). selectedindex; // Obtain the index value selected by select
5. var maxindex = $ ("# select_id option: Last"). ATTR ("Index "); // Obtain the maximum index value of the SELECT statement.
Jquery sets the text and value selected by select:
Syntax explanation:
1. $ ("# select_id"). Get (0). selectedindex = 1; // Select an item whose select index value is 1
2. $ ("# select_id"). Val (4 ); // Select an item whose select value is 4
3. $ ("# select_id option [TEXT = 'jquery ']"). ATTR ("selected", true ); // Set the select text value to jquery.
Jquery adds/deletes select option items:
Syntax explanation:
1. $ ("# select_id"). append ("<option value = 'value'> text </option> "); // Append an option to select (drop-down)
2. $ ("# select_id"). prepend ("<option value = '0'> select </option> "); // Insert an option for select (first position)
3. $ ("# select_id option: Last"). Remove (); // Delete the largest option (last) of the index values in the SELECT statement)
4. $ ("# select_id option [Index = '0']"). Remove (); // Delete the option with the index value 0 in the SELECT statement (first)
5. $ ("# select_id option [value = '3']"). Remove (); // Delete the option with value = '3' In the SELECT statement.
5. $ ("# select_id option [TEXT = '4']"). Remove (); // Delete the option of '4' text = '4' in the SELECT statement.
Jquery radio, checkbox, select, radio, checkbox, select, and related
Obtains the value of a set of Radio selected items.
VaR item = $ ('input [@ name = items] [@ checked] '). Val ();
Obtain the text of the selected select item.
VaR item = $ ("select [@ name = items] Option [@ selected]"). Text ();
The second element in the select drop-down box is the 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 choice 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 the content
$ ("# TXT"). ATTR ("value", '11'); // fill in the content
Multiple choice box checkbox: $ ("# CHK1"). ATTR ("checked", ''); // do not check
$ ("# CHK2"). ATTR ("checked", true); // check
If ($ ("# CHK1"). ATTR ('checked') = undefined) // you can check whether the checked has been checked.
Radio Group radio: $ ("input [@ type = radio]"). ATTR ("checked", '2'); // set the project with value = 2 as the currently selected item
Drop-down box select: $ ("# Sel"). ATTR ("value", '-sel3'); // set the value =-sel3 project to the currently selected item
$ ("<Option value = '1'> 1111 </option> <option value = '2'> 2222 </option> "). appendto ("# Sel") // Add the option in the drop-down box
$ ("# Sel"). Empty (); // clear the drop-down list
Bytes ----------------------------------------------------------------------------------------------------
// Traverse option and add or remove Option
Function changeshipmethod (shipping ){
VaR Len = $ ("select [@ name = ishiptype] Option"). Length
If (Shipping. value! = "Ca "){
$ ("Select [@ name = ishiptype] Option"). Each (function (){
If ($ (this). Val () = 111 ){
$ (This). Remove ();
}
});
} Else {
$ ("<Option value = '000000'> ups ground </option>"). appendto ($ ("select [@ name = ishiptype]");
}
}
// Obtain the value of the drop-down list
$ (# Testselect option: selected'). Text ();
Or $ ("# testselect"). Find ('option: selected'). Text ();
Or $ ("# testselect"). Val ();
//////////////////////////////////////// //////////////////////////
If your memory is poor, you can add it to your favorites:
1. drop-down box:
VaR C0 = $ (". formc select [@ name = 'country'] Option [@ selected] "). text (); // get the text of the selected item from the drop-down menu (note that there is a space in the middle)
VaR CC2 = $ ('. formc select [@ name = "country"]'). Val (); // obtain the value of the selected item from the drop-down menu.
VaR CC3 = $ ('. formc select [@ name = "country"]'). ATTR ("ID"); // obtain the ID attribute value of the selected item from the drop-down menu
$ ("# Select"). Empty (); // clear the drop-down box // $ ("# select" example .html ('');
$ ("<Option value = '1'> 1111 </option>"). appendto ("# select") // Add the option in the drop-down box
A little explanation:
1. Select [@ name = 'country'] Option [@ selected] indicates that the name attribute exists,
In addition, the Select element with the selected attribute in the 'country' select element has the selected attribute;
It can be seen that the attribute is followed by the @ parameter.
2, single region:
$ ("Input [@ type = radio] [@ checked]"). Val (); // obtain the value of the selected item of a single sequence (note that there is no space in the middle)
$ ("Input [@ type = radio] [@ value = 2]"). ATTR ("checked", 'checked'); // set single checked value = 2 to the selected status. (Note that there is no space in the middle)
3. Check box:
$ ("Input [@ type = checkbox] [@ checked]"). Val (); // obtain the value of the first check box.
$ ("Input [@ type = checkbox] [@ checked]"). Each (function () {// Since multiple check boxes are selected, You can output them cyclically.
Alert ($ (this). Val ());
});
$ ("# CHK1"). ATTR ("checked", ''); // do not check
$ ("# CHK2"). ATTR ("checked", true); // check
If ($ ("# CHK1"). ATTR ('checked') = undefined) {}// you can check whether a check has been performed.
Of course, jquery's selector is powerful. There are many other methods.
<SCRIPT src = "jquery-1.2.1.js" type = "text/JavaScript"> </SCRIPT>
<Script language = "JavaScript" type = "text/JavaScript">
$ (Document). Ready (function (){
$ ("# Selecttest"). Change (function ()
{
// Alert ("hello ");
// Alert ($ ("# selecttest"). ATTR ("name "));
// $ ("A"). ATTR ("href", "xx.html ");
// Window. Location. href = "xx.html ";
// Alert ($ ("# selecttest"). Val ());
Alert ($ ("# selecttest option [@ selected]"). Text ());
$ ("# Selecttest"). ATTR ("value", "2 ");
});
});
</SCRIPT>
<A href = "#"> aaass </a>
<! -- Drop-down box -->
<Select id = "selecttest" name = "selecttest">
<Option value = "1"> 11 </option>
<Option value = "2"> 22 </option>
<Option value = "3"> 33 </option>
<Option value = "4"> 44 </option>
<Option value = "5"> 55 </option>
<Option value = "6"> 66 </option>
</SELECT>
Jquery radio value, checkbox value, select value, Radio selected, checkbox selected, select selected, and related to obtain the value of a set of Radio selected items
VaR item = $ ('input [@ name = items] [@ checked] '). Val ();
Obtain the text of the selected select item.
VaR item = $ ("select [@ name = items] Option [@ selected]"). Text ();
The second element in the select drop-down box is the 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 choice 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 the content
$ ("# TXT"). ATTR ("value", '11'); // fill in the content
Multiple choice box checkbox: $ ("# CHK1"). ATTR ("checked", ''); // do not check
$ ("# CHK2"). ATTR ("checked", true); // check
If ($ ("# CHK1"). ATTR ('checked') = undefined) // you can check whether the checked has been checked.
Radio Group radio: $ ("input [@ type = radio]"). ATTR ("checked", '2'); // set the project with value = 2 as the currently selected item
Drop-down box select: $ ("# Sel"). ATTR ("value", '-sel3'); // set the value =-sel3 project to the currently selected item
$ ("<Optionvalue = '1'> 1111 </option> <optionvalue = '2'> 2222 </option> "). appendto ("# Sel") // Add the option in the drop-down box
$ ("# Sel"). Empty (); // clear the drop-down list
Obtains the value of a set of Radio selected items.
VaR item = $ ('input [@ name = items] [@ checked] '). Val ();
Obtain the text of the selected select item.
VaR item = $ ("select [@ name = items] Option [@ selected]"). Text ();
The second element in the select drop-down box is the 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 choice 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 the content
$ ("# TXT"). ATTR ("value", '11'); // fill in the content
Multiple choice box checkbox: $ ("# CHK1"). ATTR ("checked", ''); // do not check
$ ("# CHK2"). ATTR ("checked", true); // check
If ($ ("# CHK1"). ATTR ('checked') = undefined) // you can check whether the checked has been checked.
Radio Group radio: $ ("input [@ type = radio]"). ATTR ("checked", '2'); // set the project with value = 2 as the currently selected item
Drop-down box select: $ ("# Sel"). ATTR ("value", '-sel3'); // set the value =-sel3 project to the currently selected item
$ ("<Option value = '1'> 1111 </option> <option value = '2'> 2222 </option> "). appendto ("# Sel") // Add the option in the drop-down box
$ ("# Sel"). Empty (); // clear the drop-down list