[SOLUCIONADO] Copiarvalor de un select a varios campo texto

candyjorge · #1 (**permalink**) 23/01/2015, 08:22

Buenos dias, espero esten bien y puedan ayudarme.

Estoy desarrollando una aplicacion pero no soy experta de javascript.

Buscando por internet encontre el siguiente codigo que trae el valor del select a un campo de texto, pero yo necesito que este valor se repita en varios campos de texto, no en uno solamente y aun no he logrado como resolverlo.

<script language="javascript">
function fAgrega()
{
document.getElementById("texto").value = document.getElementById("select").value;
}
</script>

<body>

<select id="select" onChange="fAgrega();" >
<option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>

<br />
<br />
<input id="texto" type="text" />
</body>
</html>

Alexis88 · #2 (**permalink**) 23/01/2015, 10:16

Bienvenida a FDW

Así como asignas el valor a un campo, puedes asignarlo a N campos. Solo sigue la misma metodología que estás empleando.

Código HTML:

Ver original<input type = "text" id = "a" />
<input type = "text" id = "b" />
<input type = "text" id = "c" />
<input type = "text" id = "d" />
<input type = "text" id = "e" />

Código Javascript:

Ver originalfunction fAgrega(){
    var valor = document.getElementById("select").value;
 
    document.getElementById("a").value = valor;
    document.getElementById("b").value = valor;
    document.getElementById("c").value = valor;
    document.getElementById("d").value = valor;
    document.getElementById("e").value = valor;
}

Saludos

candyjorge · #3 (**permalink**) 23/01/2015, 14:06

Gracias Alexis88,lo que sucede es que los campos texto los genero con un ciclo for, esta cantidad varia segun los dias que dura un curso, y no se como colocarle los id a cada campo y que sea unico en cada uno y no se como llamarlos desde una funcion.

Alexis88 · #4 (**permalink**) 23/01/2015, 14:22

Muéstranos el bloque de código en donde creas esos campos. No olvides usar el highlight de JavaScript.

Saludos

candyjorge · #5 (**permalink**) 26/01/2015, 06:35

EN ESTA PARTE TRAIGO DATOS PERSONALES Y LA CANTIDAD DE ALUMNOS EN TOTAL

tabla+="<tr id='id_tr'>";
tabla+="<td class='td2'height='20px'>"+(i+1)+"</td><td class='td2'><input type='text' size='9'value='"+result.prog[i].mcedula+"' disabled style='border: none;background-color: transparent; color: black'></td><td class='td2'>"+
"<input type='text' value='"+result.prog[i].mprimernombre+" "+result.prog[i].msegundonombre+" "+result.prog[i].mprimerapellido+" "+result.prog[i].msegundoapellido+"' disabled style='border: none;background-color: transparent; color: black'></td>";

EN ESTA PARTE DE COGIO TRAIGO CANTIDAD DE CAMPO TEXTO POR LA CANTIDAD DE DIAS DEL CURSO, ESTO LO CALCULAO CON Resta:

for(k=0;k<Resta;k++){

tabla+="<td class='td2' align='center'height='20px'>";
tabla+="<input type='text' size='3' id='uno' name='uno' style='text-align: center' maxlength='2'></td>";
tabla+="<td class='td2' align='center'height='20px'><input type='text' size='3' id='dos' name='dos' style='text-align: center' maxlength='2'></td>";
}

ESPERO PUEDAN DARME AL MENOS UNA ORIENTACION, LO AGRADECERE

Alexis88 · #6 (**permalink**) 26/01/2015, 10:14

Te lo voy a explicar con un ejemplo:

Código HTML:

Ver original<select id = "foo">
    <option value = "">Seleccione un valor</option>
    <option value = "1">UNO</option>
    <option value = "2">DOS</option>
    <option value = "3">TRES</option>
</select>
    
<div>
    <input type = "text" class = "bar" />
    <input type = "text" class = "bar" />
    <input type = "text" class = "bar" />
    <input type = "text" class = "bar" />
    <input type = "text" class = "bar" />
</div>

Código Javascript:

Ver originaldocument.querySelector("#foo").addEventListener("change", function(){
    var self = this;
    [].forEach.call(document.querySelectorAll(".bar"), function(input){
        input.value = self.value;
    }); 
}, false);

Ahora, la explicación. En el documento tengo un combo con cuatro opciones, además, hay una división que contiene cinco cajas de texto, todas con la misma clase. Cuando selecciono un valor del combo, recorro al conjunto de elemento cuya clase sea 'bar' y a cada uno le asigno el valor seleccionado en el combo.

DEMO

Trata de adaptar eso a lo que tienes.

Saludos

candyjorge · #7 (**permalink**) 26/01/2015, 12:32

Alexis88 gracias, bendiciones para ti, me has ayudado en grande. Mil veces gracias, estoy hasta feliz!!!