Cómo obtener el valor del elemento seleccionado en el menú desplegable html

Usar métodos nativos de javascript y métodos jquery respectivamente

lt; select id="test" name=""gt;

lt; "gt; text1lt;/optiongt;

lt; opción valor="2"gt; text2lt;/optiongt;

lt;/selectgt;

código :

Uno: método nativo de JavaScript

1: obtener el objeto seleccionado: var myselect=document.getElementById("test");

2: obtener el índice del elemento seleccionado: var index=myselect.selectedIndex; // selectedIndex representa el índice del elemento seleccionado

3: obtiene el valor de las opciones del elemento seleccionado: myselect.options[index].

4: Obtener el texto de las opciones seleccionadas: myselect.options[index].text;

Dos: método jquery (siempre que se haya cargado la biblioteca jquery)

1: var options=$("#test option:selected"); //Obtener el elemento seleccionado

2: alert(options.val()); elemento seleccionado El valor del elemento

3: alert(options.text()); //Obtiene el texto del elemento seleccionado