Este cosas funciona perfectamenteComo llegar texto seleccionado de Javascript Seleccionar cuadro de
<select name="selectbox" onchange="alert(this.value)">
Pero quiero para seleccionar el texto. Lo intenté de esta manera
<select name="selectbox" onchange="alert(this.text)">
Se muestra indefinido. Encontré cómo usar DOM para obtener texto. Pero quiero hacer esto de esta manera, me refiero a usar solo este valor.
this.options[this.selectedIndex].innerHTML
debería proporcionarle el texto "exhibido" del artículo seleccionado. this.value, como usted dijo, simplemente proporciona el valor del atributo value.
Con el fin de obtener el valor del elemento seleccionado se puede hacer lo siguiente:
se accedethis.options[this.selectedIndex].text
Aquí los diferentes options de la selección, y la SelectedIndex se utiliza para elegir el seleccionado, entonces su text se está accediendo.
Más información sobre la selección DOM here.
Sé que nadie está pidiendo una solución jQuery aquí, pero podría valer la pena mencionar que con jQuery sólo puede pedir: $('#selectorid').val()
Eso solo funcionará si el valor de la opción no está establecido. – profitehlolz
Inténtelo este código:
$("#YourSelect>option:selected").html()
super fácil! ¡Gracias! – Louie
¡Así que gracias! esto devuelve el valor del elemento seleccionado en el cuadro combinado –
sólo tiene que utilizar
$('#SelectBoxId option:selected').text(); Para conseguir el texto que se enumeran
$('#SelectBoxId').val(); Para ser elegida valor del Índice
Si bien esto funciona perfectamente para jQuery, el OP solo enumeró javascript como una etiqueta original. Aún así, +1 ya que muchas personas usan jQuery. – Sablefoste
Gracias Esto funciona. – Aajahid
No me gusta. Aunque estoy seguro de que funciona en los navegadores actuales, es una mezcla extraña de código basado en elementos DOM y código de manipulación de formulario antiguo. 'options' devuelve una lista de objetos' Option', que no estoy seguro de que estén especificados en ningún lado para que coincidan con los elementos '
Tim, los objetos 'Option' son los mismos que los objetos' HTMLOptionElement'. Si se opone a utilizar 'options', podría usar alternativamente' children' o 'childNodes' en su lugar (no recuerdo exactamente cuál; creo que ambos funcionan) –