Aporte con el texto y value de un SELECT

gumer · #1 (**permalink**) 22/09/2010, 12:03

Es el codio de un pequeño formulario donde le das click a un select y eitnes el value en un lado y el text en el otro.
Espero que le sirva a mas de uno...

Código:

<html>
<head>
<script type="text/javascript">
function jva001(slc, inp){
// Da el valor de un select con id="slc" a un input con id="inp"
document.getElementById(inp).value=document.getEle mentById(slc).value;
}
function jva002(slc, inp, inp001){
// Da el valor de un select con id="slc" a un input con id="inp"
document.getElementById(inp).value=document.getEle mentById(slc).options[document.getElementById(slc).selectedIndex].text;
document.getElementById(inp001).value=document.get ElementById(slc).value;
}
</script>
</head>
<body>
<form name="formulario" action="post" metodh="get">
<select name="seleccion" id="slc" onClick="jvr001('slc','val');">
<option value="1">UNO</option>
<option value="2">DOS</option>
<option value="3">TRES</option>
</select>
<input name="ingresa" id="val">
<br>
<select name="seleccion" id="sel" onClick="jvr002('sel','var','txt');">
<option value="1">UNO</option>
<option value="2">DOS</option>
<option value="3">TRES</option>
</select>
<input name="ingresa" id="var">
<input name="ingresa" id="txt">
</form>
</body>
</html>

_cronos2 · #2 (**permalink**) 22/09/2010, 13:10

Yo cambiaría onclick por onchange, y a los inputs les daría el value de la primera opción del select, porque si no cuando entres en la página saldrán vacíos; por lo demás está bien ;)
Saludos (:

Adler · #3 (**permalink**) 22/09/2010, 15:27

Hola

Uno de los objetivos a la hora de programar es hacer los códigos los mas dinámicos posibles. Estos serían lo cambios que yo haría para lograrlo

Código Javascript:

Ver original<html>
<head>
<script type="text/javascript">
function jva001(val, txt){
campos = document.getElementsByName('ingresa'); // Nos devuelve una colección
campos[0].value = val;
campos[1].value = txt;
}
</script>
</head>
<body>
<form name="formulario" action="post" metodh="get">
<select name="seleccion" id="slc1" onchange="jvr001(this.value,this.text);">
<option value="1">UNO</option>
<option value="2">DOS</option>
<option value="3">TRES</option>
</select>
<select name="seleccion" id="slc2" onchange="jvr001(this.value,this.text);">
<option value="1">UNO</option>
<option value="2">DOS</option>
<option value="3">TRES</option>
</select>
<select name="seleccion" id="slc3" onchange="jvr001(this.value,this.text);">
<option value="1">UNO</option>
<option value="2">DOS</option>
<option value="3">TRES</option>
</select>
<input name="ingresa" value="" />
<input name="ingresa" value="" />
</form>
</body>
</html>

gumer · #4 (**permalink**) 25/09/2010, 09:03

Estas mandado las variables directamente el
this.value, this.text
Como podrias capturar el selectedIndex¿?
asi:
this.selectedIndex
¿?

_cronos2 · #5 (**permalink**) 25/09/2010, 11:15

Sí, ¿pero para qué quieres el selectedIndex?

gumer · #6 (**permalink**) 25/09/2010, 12:27

Son formas de programación....

Código:

campos = document.getElementsByName('ingresa'); // Nos devuelve una coleccióncampos[0].value = val;
campos[1].value = txt;

que es nueva para mi...
La verdad es que nunca me gusto java... y ahora estoy enviciado... jajajaj