Capturar selección de Combobox a textbox

demian_666 · #1 (**permalink**) 24/04/2012, 15:46

Buen día.

Compañeros acudo a ustedes con una pequeña consulta, espero me puedan ayudar.

Necesito pasar la selección que he realizado en un combobox a varios textbox con el mismo identificador...

El ejemplo que les pongo a continuación, lo saqué de aquí del foro y funciona de manera adecuada, pero sólo con 1 textbox y yo quisiera que en todos los textbox con ese identificador les agregara la selección.

Esto porque lo voy a poner en una consulta, para después modificar de manera masiva datos, o alguna idea que me puedan dar, se los agradecería mucho....

Aquí el codigo:

Código HTML:

 <script language="javascript">
    function funcion(combo1)
    {
           document.getElementById('marcas').value=combo1;
    }
    </script>
     
    </head>
     
    <body>
     
     
	 
    <form action="" name="formularito">
    <table width="250" border="1">
      <tr>
        <td>
          <select name="combo1" size="1" id="combo1" onchange= "javascript:funcion(combo1.value)">
          <option value="adidas">ADIDAS</option>
          <option value="nike">NIKE</option>
          <option value="umbro">UMBRO</option>
          <option value="diadora">DIADORA</option>
          <option value="fila">FILA</option>
          </select>
        </td>
      </tr>
      <tr>
        <td>
        <input type="text" name="combito" id="marcas" size="5"  />
		<input type="text" name="combito" id="marcas" size="5"  />
		<input type="text" name="combito" id="marcas" size="5"  />
		<input type="text" name="combito" id="marcas" size="5"  />
        </td>
      </tr>
      <tr>
        <td>
        <input  type="button" value="shit" onclick="document.getElementById('marcas').value=document.getElementById('combo1').value">

Saludos y gracias!!

Dafonz · #2 (**permalink**) 24/04/2012, 16:06

Puedes hacer algo así:

Función Javascript

Código Javascript:

Ver originalfunction pruebaFuncion(valor){
                var campos = document.getElementById("campos").getElementsByTagName("input");
                for(var x=0; x < campos.length; x++ ){
                    campos[x].value = valor;
                }
            }

Select y campos:

Código HTML:

Ver original<select name="combo1" size="1" id="combo1" onchange= "javascript:pruebaFuncion(combo1.value)">
          <option value="adidas">ADIDAS</option>
          <option value="nike">NIKE</option>
          <option value="umbro">UMBRO</option>
          <option value="diadora">DIADORA</option>
          <option value="fila">FILA</option>
</select>
<div id="campos">
    <input type="text" name="simon" />
    <input type="text" name="simon2" />
    <input type="text" name="simon3" />
    <input type="text" name="simon4" />
    <input type="text" name="simon5" />
</div>

Lo que hice, debido a que la id no se puede repetir en los elementos, cree una capa con id de campos entonces al change llama la funcion que lo que hace es a partir del DOM de html obtiene todos los input dentro del elemento "campos" y les pone el valor enviado.
Un saludo,

lubtufano · #3 (**permalink**) 24/04/2012, 16:09

Podrias poner un id a la celda que contiene todos los cuadros de texto y desde esta utilizar getElementsByTagName('input') para asignar el mismo value a todos los textbox con un bucle for.

Código Javascript:

Ver original<script language="javascript">
    function funcion(combo1)
    {
           var cuadrosDeTexto= document.getElementById('marcas').getElementsByTagName('input');
       for (i=0; i<cuadrosDeTexto.length; i++)
       {
        cuadrosDeTexto[i].value= combo1;
       }
    }
    </script>
     
    </head>
     
    <body>
     
     
     
    <form action="" name="formularito">
    <table width="250" border="1">
      <tr>
        <td>
          <select name="combo1" size="1" id="combo1" onchange= "javascript:funcion(combo1.value)">
          <option value="adidas">ADIDAS</option>
          <option value="nike">NIKE</option>
          <option value="umbro">UMBRO</option>
          <option value="diadora">DIADORA</option>
          <option value="fila">FILA</option>
          </select>
        </td>
      </tr>
      <tr>
        <td id="marcas">
        <input type="text" name="combito" size="5"  />
        <input type="text" name="combito" size="5"  />
        <input type="text" name="combito" size="5"  />
        <input type="text" name="combito" size="5"  />
        </td>
      </tr>
      <tr>
        <td>