jquery and Native JS get the Select Drop-down box selected value Sample _javascript tips

Now there is a id=test drop-down box, how to get the selected value it?

Using JavaScript native methods and jquery methods separately

Copy Code code as follows:

<select id= "test" name= "" >
<option value= "1" >text1</option>
<option value= "2" >text2</option>
</select>

One: JavaScript native method

1: Get Select object: Var myselect=document.getelementbyid ("Test");

2: Get the selected item index: VAR index=myselect.selectedindex; SelectedIndex represents the index of the item you selected

3: Get the selected item options Value:myselect.options[index].value;

4: Get the selected item options Text:myselect.options[index].text;

Two: JQuery method (provided that the jquery library has been loaded)

1:var options=$ ("#test option:selected"); Get the selected item

2:alert (Options.val ()); Get the value of the selected item

3:alert (Options.text ()); Get the text of the selected item