JavaScript - select no da index marca undefined

   
Vista:

select no da index marca undefined

Publicado por neto (6 intervenciones) el 29/04/2010 04:25:07
el siguiente programa es un extracto de uno mas grande que contiene mas selects, y estos 2 selects sencillos que pong aqui no me funcionan, al funcionar los 2 select me van a funcionar todos los demas, el problema esta que mando el slect via parametro, pero la funcion no le hace caso, alguien que se apiade de mi y me diga como hacer una funcion para revisar los 2 selects independientes cuando estos cambien .

<html>
<head>
<script language="JavaScript">
function cambia(x){
with (x){
indice.value = String(selectedIndex);
opcion.value = options[selectedIndex].text;
valor.value = options[selectedIndex].value;
}
}
</script>
</head>
<body>
<form name="frm">
Indice:<input type="text" name="indice"><br>
Opcion:<input type="text" name="opcion"><br>
Valor: <input type="text" name="valor"><br>

Seleccion 1:<select name="selector1" id="idselector1" onchange="cambia(this.id)">
<option>Seleccione un valor</option>
<option value="1">Uno</option>
<option value="2">Dos</option>
<option value="3">Tres</option>
</select>

Seleccion 2:<select name="selector2" id="idselector2" onchange="cambia(this.id)">
<option>Seleccione un valor</option>
<option value="1">Tres</option>
<option value="2">Cuatro</option>
<option value="3">Cinco</option>
</select>

</form>
</body>
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow

RE:select no da index marca undefined

Publicado por ScriptShow (387 intervenciones) el 29/04/2010 11:33:01
Saludos,

una opción sería:

<html>
<head>
<script language="JavaScript">
function cambia(x){
with (x){
document.frm.indice.value = options.value;
document.frm.opcion.value = options[selectedIndex].text;
document.frm.valor.value = value;
}
}
</script>
</head>
<body>
<form name="frm">
Indice:<input type="text" name="indice"><br>
Opcion:<input type="text" name="opcion"><br>
Valor: <input type="text" name="valor"><br>

Seleccion 1:<select name="selector1" id="idselector1" onchange="cambia(this)">
<option>Seleccione un valor</option>
<option value="1">Uno</option>
<option value="2">Dos</option>
<option value="3">Tres</option>
</select>

Seleccion 2:<select name="selector2" id="idselector2" onchange="cambia(this)">
<option>Seleccione un valor</option>
<option value="3">Tres</option>
<option value="4">Cuatro</option>
<option value="5">Cinco</option>
</select>

</form>
</body>
</html>

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

muchas gracias

Publicado por neto (6 intervenciones) el 29/04/2010 19:24:46
ya quedo como me lo mandaste gracias, era justo lo que ocupaba
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar