JavaScript gets the value selected in the Select drop-down box and the index

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

Using JavaScript native methods and jquery methods, respectively

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

Code

One: JavaScript native method

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

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

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

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

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

1:var options=$ ("#test option:selected"); Gets 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

just think and do it

JavaScript gets the value selected in the Select drop-down box and the index