javascript - modificar - label id html

Obteniendo una opción texto/valor con JavaScript

Question

Respuesta : var option_user_selection = element.options[element.selectedIndex].text

Intento crear un formulario que llene el orden de una persona.

<form name="food_select">
<select name="maincourse" onchange="firstStep(this)">
<option>- select -</option>
<option text="breakfast">breakfast</option>
<option text="lunch">lunch</option>
<option text="dinner">dinner</option>
</select>
</form>

Lo que estoy tratando de hacer es enviar el objeto seleccionado, extraer el nombre y el texto / valor del menú de opciones Y los datos en la etiqueta de opción.

function firstStep(element) {
//Grab information from input element object
/and place them in local variables
var select_name = element.name;
var option_value = element.value;
}

Puedo obtener el nombre y el valor de la opción, pero parece que no puedo obtener el texto = "" o el valor = "" del objeto seleccionado. Solo necesito el texto / valor del menú de opciones que seleccionó el usuario. Sé que puedo colocarlos en una matriz, pero eso no ayuda

var option_user_selection = element.options[ whatever they select ].text

También necesito usar el aprobado en la referencia de selección ya que así es como está configurado en el resto de mi código.

Más adelante, ese texto / valor se usará para extraer el documento XML que completará dinámicamente el siguiente formulario de selección.

Answer 1

En jquery puedes probar esta $("#select_id>option:selected").text()

Answer 2

Puedes usar:

var option_user_selection = element.options[ element.selectedIndex ].text

Answer 3

form.MySelect.options[form.MySelect.selectedIndex].value

Answer 4

var option_user_selection = document.getElementById("maincourse").options[document.getElementById("maincourse").selectedIndex ].text