enviar selección de un combo a textbox con un boton

jimmymark · #1 (**permalink**) 26/10/2011, 10:10

Buena amigos necesito una manito, la verdad lo e visto en varios foros pero deseo el código mas sencillo o una ayuda u orientación para poder hacerlo.

necesito que cada vez al hacer clic en el boton se pase el valor seleccionado del combo a la caja de texto, este es mi código:

Código PHP:

  <body> 
 
<form action="" name="formularito"> 
<table width="250" border="1"> 
  <tr> 
    <td> 
      <select name="combo1" size="1"> 
      <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"  /> 
    </td> 
  </tr> 
  <tr> 
    <td> 
    <input  type="button" value="shit"/> 
    </td> 
  </tr> 
</table> 
</form> 
 
</body>

gracias por haber leído estas lineas, saludos.

h2swider · #2 (**permalink**) 26/10/2011, 10:13

necesitas javascript para realizar lo que quieres

Sirrohan · #3 (**permalink**) 26/10/2011, 10:20

lo que quieres hacer se hace con javascript Revisa el wiki a ver si encuentras como hacerlo...

Hace poco escribí como hacerlo de esta forma

en tu caso, cambias esto:

Código HTML:

Ver original<select name="combo1" size="1" onchange="funcion(combo1.value)">

Código Javascript:

Ver originalfunction funcion(combo1)
{
       document.getElementById("marcas").value=combo1;
}

tomark4 · #4 (**permalink**) 26/10/2011, 10:22

Código HTML:

Ver original<input  type="button" value="shit" onclick="document.getElementById('marcas').value=document.getElementById('combo1').value">

Sirrohan · #5 (**permalink**) 26/10/2011, 11:59

Cita:

Iniciado por tomark4

Código HTML:

Ver original<input  type="button" value="shit" onclick="document.getElementById('marcas').value=document.getElementById('combo1').value">

Este código es válido, con un botón para indicar que se va enviar el parámetro

<select name="combo1" size="1" onchange="document.getElementById('marcas').value= document.getElementById('combo1')">

De esta forma, el parámetro cambia automáticamente sin tener que presionar un botón. Cualquiera de los dos te debe funcionar

jimmymark · #6 (**permalink**) 26/10/2011, 14:09

Hola: Sirrohan

este es el codigo que me enviaste cierto ?:

Código PHP:

   
<title>Documento sin título</title> 
<script language="javascript"> 
function funcion(combo1) 
{ 
       document.getElementById('marcas').value=document.getElementById('combo1').value; 
} 
</script> 
 
</head> 
 
<body> 
 
 
<form action="" name="formularito"> 
<table width="250" border="1"> 
  <tr> 
    <td> 
      <select name="combo1" size="1"> 
      <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"  /> 
    </td> 
  </tr> 
  <tr> 
    <td> 
    <input  type="button" value="shit" onclick="document.getElementById('marcas').value=document.getElementById('combo1').value"> 
    </td> 
  </tr> 
</table> 
</form> 
 
</body>

así me queda realmente: [URL="http://sjl-wifi.com/warcraft.php"]http://sjl-wifi.com/warcraft.php[/URL]

necesito tu ayuda, que al momento de hacer clic, lo que estaba en el combo pase a ese textbox.

Sirrohan · #7 (**permalink**) 26/10/2011, 14:36

Código HTML:

Ver original<title>Documento sin título</title>
<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"  />
    </td>
  </tr>
  <tr>
    <td>
    <input  type="button" value="shit" onclick="document.getElementById('marcas').value=document.getElementById('combo1').value">
    </td>
  </tr>
</table>
</form>
 
</body>

Sugería que cambiaras el select de esta forma

jimmymark · #8 (**permalink**) 26/10/2011, 15:00

gracias Sirrohan, era lo que estaba buscando!, saludos desde perú

[URL="http://sjl-wifi.com/warcraft.php"]Ver[/URL]