JavaScript and jquery Gets the value and text selected by the Select Drop-down box __java

Ps:js can only use getElementById () to get the value of the Drop-down list box. ****

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

Using JavaScript native methods and jquery methods separately

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

Code

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

/* Get the value and text of the Drop-down list box, jquery does not select name * *

$ (' #mysub '). Click (function () {
Alert ($ (' Select Option:selected '). Val ());
Alert ($ (' Select Option:selected '). text ());
})

JQuery Property Selector

JQuery uses an XPath expression to select an element with the given property.

$ ("[href]") selects all elements with the href attribute.

$ ("[href= ' # ']") selects all elements with an HREF value equal to "#".

$ ("[href!= ' # ']") selects all elements with an HREF value that is not equal to "#".

$ ("[href$= '. jpg ']") selects elements with all href values ending with ". jpg".

$ ("[name= ' Sub ']"). Click (function () {//single and double quotes ' [name= ' Sub '] ' That's also true
Alert ($ (' Select Option:selected '). Val ());
Alert ($ (' Select Option:selected '). text ());
})