Foros del Web » Programando para Internet » Javascript »

select a input

Estas en el tema de select a input en el foro de Javascript en Foros del Web. Hola a todos tengo el siguiente codigo para pasar el valor de un select a un input Código HTML: <select id= "caja" onchange= "FijarPrecio(this.id);" > ...
  #1 (permalink)  
Antiguo 24/08/2016, 17:14
Avatar de Briss  
Fecha de Ingreso: junio-2011
Mensajes: 1.293
Antigüedad: 12 años, 10 meses
Puntos: 12
select a input

Hola a todos tengo el siguiente codigo para pasar el valor de un select a un input
Código HTML:
<select id="caja" onchange="FijarPrecio(this.id);">
    <option value="10">producto 1</option>
    <option value="20">producto 2</option>
    <option value="30">producto 3</option>
</select>
<input type="text" name="p" id="p" />
<script type="text/javascript">
    function FijarPrecio(id){
        var combo  = document.getElementById(id);
         var input1 = document.getElementById('p');
       input1.value = combo.value;
    }
</script> 
El cual funciona bien... ahora estoy tratando de modificarla pero para que ese valor pase a todos los inputs p (generados apartir del valor de una consulta por medio de while)

hice esto
Código PHP:
<script type="text/javascript">
 
    function pasar(i) {
      var combo = document.getElementById('caja1').value;
       var input1 = document.getElementById('p' + i).value;
       input1.value = combo.value;
 }
</script>

<select name="caja1" id="caja1" onchange="pasar(i);" >

<input   type="text"  name="p[]" id="p<? echo $i;?>" value=""  size="3"  class="inputcentradop" />
Pero no estoy tan familiarizada así que supongo que esta muy mal
  #2 (permalink)  
Antiguo 24/08/2016, 18:47
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: select a input

Selecciona a todos los <input> cuyo nombre empiece por la "p":
Código Javascript:
Ver original
  1. document.querySelectorAll("input[name^=p]")

Utiliza una estructura cíclica y asigna dicho valor a cada caja de texto:
Código Javascript:
Ver original
  1. [].forEach.call(document.querySelectorAll("input[name^=p]"), function(input){
  2.     input.value = combo.value;
  3. });

También puedes tomarlos por su identificador o su clase.

__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #3 (permalink)  
Antiguo 25/08/2016, 09:04
Avatar de Briss  
Fecha de Ingreso: junio-2011
Mensajes: 1.293
Antigüedad: 12 años, 10 meses
Puntos: 12
Respuesta: select a input

Gracias amigo

Deje así mi codigo y si pasa el valor del select a los inputs

Código HTML:
<script type="text/javascript">

 function pasar(i) {
    var combo = document.getElementById('caja1').value;
    var input = document.getElementById('p' + i).value;
    document.getElementById('p' + i).value = combo;
    
}
</script> 
Pero tuve que dejar mi select dentro del ciclo do while y por obvias razones se genera en cada registro...
Mi duda es como puedo dejarlo fuera del ciclo y que siga mostrandose el valor selecionado en los inputs
(No sé si el tema deba ir aca o en php)

Código PHP:
<?php do { ?>
<td bgcolor="#FFFFFF"><div align="left"><?php $i+=1; echo $i?></div> 
Selecciona:<select name="caja1" id="caja1" onchange="pasar(<? echo $i;?>);" >
</select>

<input   type="text"  name="p[]" id="p<? echo $i;?>" value=""  size="3"  class="inputcentradop" /> 
 </td>
      </tr></tbody>
  <?php } while ($row_usuarios mysql_fetch_assoc($usuarios)); ?>

Etiquetas: funcion, input, select, text, valor
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:11.