HTML drop-down box definition and JS, jquary value, add and remove

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= "" multiply= "Multiply" size= ">//multiply settings can be displayed in multiple lines, and the size setting shows how many rows are displayed by default.
<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

Three: JS implementation of the dropdown box options to add and remove

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

2: Added: Myselect.options.Add (New options ("Text", "value"));

3: Removal: Myselect.options.Remove (Myselect.options[myselect.selectedindex]);

4: Empty: Myselect.empty ();

HTML drop-down box definition and JS, jquary value, add and remove