cambiar o actualizar campos ocultos

mgm22ve · #1 (**permalink**) 06/02/2010, 18:27

Estimados,
He probado el código de ejemplo que tienen en los tutoriales.
La idea es remplazar los input type="text" por hidden pero no se actualizan
hay alguna forma que e actualicen. ??

<html>
<head>
<script language="JavaScript">
function cambia(){
with (document.frm){
indice.value = String(selector.selectedIndex);
opcion.value = selector.options[selector.selectedIndex].text;
valor.value = selector.options[selector.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="hidden" name="valor"><br>
Seleccione:<select name="selector" onchange="cambia()">
<option>Seleccione un valor</option>
<option value="1">Uno</option>
<option value="2">Dos</option>
<option value="3">Tres</option>
</select>
</form>
</body>
</html>

jackson666 · #2 (**permalink**) 06/02/2010, 21:11

Código Javascript:

Ver original<html> 
<head> 
<script language="JavaScript"> 
 
function $(id){ return document.getElementById(id); }
 
function cambia(){ 
 
$('indice').type='hidden';
$('opcion').type='hidden';
 
} 
</script> 
</head> 
<body> 
<form name="frm"> 
Indice:<input type="text" id="indice"><br> 
Opcion:<input type="text" id="opcion"><br> 
Valor: <input type="hidden" name="valor"><br> 
Seleccione:<select name="selector" onchange="cambia()"> 
<option>Seleccione un valor</option> 
<option value="1">Uno</option> 
<option value="2">Dos</option> 
<option value="3">Tres</option> 
</select> 
</form> 
</body> 
</html>