jquery Action Form Related usage summary

The jquery implementation of the Select drop-down list onchange event:

Java code

2. Jquery:
4. $ (document). Ready (function () {
6. $ ("#selectMenu"). Bind ("Change", function () {
8. if ($ (this). val () = = "Pro1") {
10. $ ("#pro1"). Slidedown ();
12. $ ("#pro2"). Slideup ();
14. }
16. Else if ($ (this). val () = ="Pro2") {
18. $ ("#pro2"). Slidedown ();
20. $ ("#pro1"). Slideup ();
22. }
24. });
26. });
30. Html:
32. <select id="Selectmenu" >
34. <option value="" >please Select Product below</option>
36. <option value="Pro1" >product 1</option>
38. <option value="Pro2" >product 2</option>
40. </select>

Java code

2. 1.jQuery Basic operation for Select
4. $ ("#select_id"). Change (function () { //code ...}); Add an event for Select, which is triggered when one of the items is selected
8. var checkvalue=$ ("#select_id"). Val (); //Gets the value selected by Select
10. var CheckValue = $ ('. FORMC select[@name = "Country"]). Val (); //Get the value of the selected item in the drop-down menu Name=country
12. var checkvalue=$ ("#select_id"). Val (). Join (","); //Get the value of select multiple Select (multiple= "true")
16. var Checktext = $ ("#select_id"). Find ("option:selected"). Text (); //Gets the text selected by Select
18. var Checktext = $ ("select[@name =country] option[@selected]"). Text (); //Gets the text of the Select selected item (note that there are spaces in the middle)
20. var Checktext = $ ("#select_id option:selected"). Text ();
24. var CC2 = $ ('. FORMC select[@name = "Country"]). Val (); //Get the value of the selected item in the drop-down menu
26. var cc3 = $ ('. FORMC select[@name = "Country"]). attr ("id"); //Get the ID property value of the selected item in the drop-down menu
32. var checkindex=$ ("#select_id"). Get (0). SelectedIndex; //Gets the index value of select selection
34. var maxindex=$ ("#select_id option:last"). attr ("index"); //Get the Select Maximum index value
38. $ ("#select_id"). Get (0). SelectedIndex = 1; //Set the Select index value to 1 (the second item) to select
40. $ (' #select_id ') [0].selectedindex = 1; //Set the Select index value to 1 (the second item) to select
42. $ ("#select_id"). Val (4); //Set Select with a value of 4 for select
44. $ ("#select_id option[text= ' jQuery ']"). attr ("selected", true); //Set Select the text value for the jquery item selected
46. $ ("#select_id"). attr ("value",'-sel3 '); //Set the VALUE=-SEL3 item as the currently selected item
50. $ ("#select_id"). empty (); //Empty drop-down box
54. $ ("#select_id"). Append ("<option value= ' value ' >Text</option>"); //Append an option to the Select (drop-down item)
56. $ ("<option value= ' 1 ' >1111</option><option value= ' 2 ' >2222</option>"). AppendTo ("# select_id ")//Add drop-down box option
58. $ ("#select_id"). Prepend ("<option value= ' 0 ' > Please select </option>"); //Insert an option for select (first position)
60. $ ("#select_id option:last"). Remove (); //Delete index value in select maximum option (last)
62. $ ("#select_id option[index= ' 0 ']"). Remove (); //delete option with index value 0 in select (first)
64. $ ("#select_id option[value= ' 3 ']"). Remove (); //delete option for value= ' 3 ' in select
66. $ ("#select_id option[text= ' 4 ']"). Remove (); //delete option for text= ' 4 ' in select
72. 2.jquery basic operation of the radio
74. var item = $ (' input[@name =items][@checked] '). Val (); //Get a set of radio values for the selected item
76. var rval = $ ("input[@type =radio][@checked]"). Val (); //Get the value of the selected item in the Radio box (note that there are no spaces in the middle)
78. $ (' input[@name =items] '). Get (1). checked = true; //radio The second element of a radio group is the currently selected value
80. $ ("input[@type =radio]"). attr ("checked",' 2 '); //Set the value=2 item as the currently selected item
82. $ ("input[@type =radio][@value =2]"). attr ("checked",' checked '); //Set the Radio box value=2 to the selected state. (note there is no space in the middle)
88. 3.jquery Basic operation of the checkbox
90. $ ("#checkbox_id"). attr ("value"); //Multi marquee checkbox
92. $ ("input[@type =checkbox][@checked]"). Val (); //Gets the value of the check box for the first item selected
94. $ ("input[@type =checkbox][@checked]"). each (function () { ////Because the check box is generally selected as multiple, you can loop the output
96. Alert (this). Val ());
98. });
100. $ ("#chk1"). attr ("checked", "'); No tick .
102. $ ("#chk2"). attr ("Checked",true); Tick
104. if ($ ("#chk1"). attr (' checked ') ==undefined) //Determine if a tick has been made
110. 4.jquery Basic operation of text
112. $ ("#txt"). attr ("value"); //text box, text area:
114. $ ("#txt"). attr ("value", "'); //Clear Contents
116. $ ("#txt"). attr ("value",' one '); Populating content