<select> y JavaScript

fjbalsamo · #1 (**permalink**) 07/07/2010, 11:34

Hola, les comento cual es mi problema: tengo un select en html y quiero tomar su valor con JS. Aquí les dejo el código:

EN LA HOJA HTML TENGO ESTO:

<html>
<head></head>
<script language="javascript" src="./funciones.js" type="text/javascript"></script>
<body>

<select id='IdSelect' name='Select' onchange='funcion()'>
<option value='0'>Elegir...</option>
<optgroup label='Grupo 1'>
<option value='1>A</option>
</optgroup>
<optgroup label='Grupo 2'>
<option value='2'>B</option>
</optgroup>
</select>

</body>
</html>

POR OTRO LADO EN UNA HOJA JS TENGO ESTO:

function funcion(){

var op=getElementById['IdSelect'];

if (op.value()==1) {

/* Aquí quiero va lo correspondiente a la opción A*/

}
if (op.value()==1) {

/* Aquí quiero va lo correspondiente a la opción A*/

}
}

Bueno esto así como lo ven no funciona!!! Me ayudan por favor??

Juanchooo · #2 (**permalink**) 07/07/2010, 11:48

Hola:

Bueno, hay varias cosas, para empezar:

var op=getElementById['IdSelect'];

esto no es asi, debe ser con parentesis y no con corchetes, como esto:

var op=getElementById('IdSelect');

Despues, el valor de un select no se obtiene asi:

op.value()

debe ser de la siguiente manera:

var valor_de_select = op.options[op.selectedIndex].value;

Creo que seria todo, suerte con eso.

zerokilled · #3 (**permalink**) 07/07/2010, 11:55

Cita:

Iniciado por Juanchoo

esto no es asi, debe ser con parentesis y no con corchetes, como esto:
var op=getElementById('IdSelect');

y con document al principio, a no ser que hayas definido getElementById en el ámbito global.

Cita:

Iniciado por Juanchoo

Despues, el valor de un select no se obtiene asi:

op.value()

se puede obtener de esa manera. solo que value no es un método sino una propiedad. la propiedad value de los selects refleja el atributo value del option seleccionado.