2010-10-27 21 views
14

¿Cómo se determina qué se selecciona en el menú desplegable? En Javascript.Obtener valor desplegable

+0

posible duplicado de [? Cómo conseguir valor de lista desplegable usando javascript seleccionado] (http://stackoverflow.com/ questions/1085801/how-to-get-selected-value-of-dropdownlist-using-javascript) –

+0

Por lo general, es bastante útil incluir algún código en sus preguntas – kurdtpage

Respuesta

32

Si su desplegable es algo como esto:

<select id="thedropdown"> 
    <option value="1">one</option> 
    <option value="2">two</option> 
</select> 

allí tendría que utilizar algo como:

var a = document.getElementById("thedropdown"); 
alert(a.options[a.selectedIndex].value); 

Pero una biblioteca como jQuery simplifica las cosas:

alert($('#thedropdown').val()); 
+3

Solo 'a.value' sería suficiente. – casablanca

+1

Estoy cavando profundamente en mi memoria aquí, pero creo que 'a.value' no funcionó en algunos navegadores (probablemente IE 6, jaja). De todos modos, usar una biblioteca es lo mejor. – cambraca

+1

Funciona en todos los navegadores que conozco, incluido IE6. (recién probado) – casablanca

0

gusta esta :

$dd = document.getElementById("yourselectelementid"); 
$so = $dd.options[$dd.selectedIndex]; 
0
var dd = document.getElementById("dropdownID"); 
var selectedItem = dd.options[dd.selectedIndex].value; 
5

Utilice la propiedad value del elemento <select>. Por ejemplo:

var value = document.getElementById('your_select_id').value; 
alert(value); 
4
<select onchange = "selectChanged(this.value)"> 
    <item value = "1">one</item> 
    <item value = "2">two</item> 
</select> 

y luego el javascript ...

function selectChanged(newvalue) { 
    alert("you chose: " + newvalue); 
} 
Cuestiones relacionadas