jquery and native js get the value selected in the select drop-down box example_javascript skills

Now there is a drop-down box with id=test. How to get the selected value?

Use the native javascript method and the jquery method respectively

Copy the code The code is as follows:

text1
text2< /option>

1: 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 selected item

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

4: Get the text of the selected options: 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