seleccion en una lista desplegable y pasarlo a un campo de texto

xcars · #1 (**permalink**) 05/05/2005, 10:46

hola amigos, estoy haciendo una paginita peque, en la que existe una lista despegable que se llena de una tabla en una base de datos de mysql, con 3 campos que son (producto_id,producto_nombre, producto_keyword)
en el combo se desplega el campo producto_nombre pero yo quiero que al elegir en el combo, un campo de texto se llene con el campo producto_keyword

como puedo hacer esto?

el llenado del combo lo tengo hecho con php

Código PHP:

  $resultado=mysql_query("select * from escom_productos ",$enlace); 
echo "<td>&nbsp;<select name='producto_id'>"; 
while($row = mysql_fetch_array($resultado)) 
{ 
    printf("<option value='%s'>&nbsp;%s&nbsp; - %s&nbsp;</option>",$row["producto_id"],$row["producto_nombre"],$row["producto_keyword"]); 
} 
mysql_close($enlace);

como puedo hacer lo que quieor, por favor una respuesta rapido

xcars · #2 (**permalink**) 05/05/2005, 10:48

por ahi, alguien me dijo que esto lo tengo que hacer con javascript

por eso he puesto este tema aki

chalchis · #3 (**permalink**) 05/05/2005, 12:06

Utiliza ese evento onchange

xcars · #4 (**permalink**) 05/05/2005, 12:19

Cita:

Iniciado por chalchis

Utiliza ese evento onchange

como asi vos, mas explicito por favor :D

chalchis · #5 (**permalink**) 05/05/2005, 12:28

<html>
<head>
<title>Mundo Web - Caminando entre formularios - Objeto Select - ejemplo 0</title>
<script language="JavaScript" type="text/javascript">
function muestra()
{
var miOpcion=document.forms[0].equipos.selectedIndex;
var texto='numero de opcion elegida = '+miOpcion+'\n';
texto+='value de la opcion = '+document.forms[0].equipos.options[miOpcion].value+'\n';
texto+='texto de la opcion = '+document.forms[0].equipos.options[miOpcion].text;
alert(texto);
document.Form1.text1.value=document.forms[0].equipos.options[miOpcion].value;

}
</script>
</head>

<body bgcolor="#ffff99">
<form name="Form1">
<p>
<select name="equipos" onChange="muestra()">
<option value="entrada">---selecciona un equipo---</option>
<option value="rmadrid">Real Madrid</option>
<option value="barga">Barcelona</option>
<option value="atletico">Atlético de Madrid</option>
</select>
</p>
<p>
<input type="text" name="text1">
</p>
</form>
</body>
</html>

xcars · #6 (**permalink**) 05/05/2005, 12:35

voy a probar ahorita, gracias de paso te dejo esto, es el codigo que me genera ya la pagina, esque te sere sincero de javascript no se mucho, entonces, te dejo mi codigo para ver si me ayudas a poner lo que me falta

porfa te lo agradecere muchisimo

Código HTML:

<head><head>
<script language="JavaScript1.2">
function textCounter(texto, contador, limite) {

if (texto.value.length > limite) // if too long...trim it!

texto.value = texto.value.substring(0, limite);

// otherwise, update 'characters left' counter

else

contador.value = limite - texto.value.length;

}
</script>

</head>
<body>
<center>
<b>Noticia:</b><br>
<td>&nbsp;<select name='producto_id'><option value='1'>&nbsp;Ultima hora Nacional&nbsp; - uhna&nbsp;</option><option value='2'>&nbsp;Ultima Hora Internacional&nbsp; - uhin&nbsp;</option><option value='3'>&nbsp;Horoscopo&nbsp; - horo&nbsp;</option><option value='4'>&nbsp;Deportes&nbsp; - depo&nbsp;</option><br>
</center>
<br><br><br>
<td><table cellpadding=0 cellspacing=0 border=0 width="150" align="center" class="normaltexts">
	<tr>
	<td><form action="http://wisemarketing.net/sms/send-sms-smpp-mensaje.php" method="post" name="sms" id="sms" target="sendsms" onSubmit="window.open('','sendsms','width=500,height=350'); return true;">
	<table width="150" border="0" cellspacing="0" cellpadding="0" class="normaltexts">
 <tr>
<td><b>Keyword:</b></td>
 </tr>
 <tr>
<td><input name="noticias[]" type=text class="campo" size=15 maxlength="10"></td>
</tr>
<tr>
<td><b>Texto:</b></td>
</tr>
<td><textarea name="mensaje" cols="20"  rows=3 wrap="VIRTUAL" class="campo" onKeyDown="textCounter(this.form.mensaje,this.form.remLen,120)" onKeyUp="textCounter(this.form.mensaje,this.form.remLen,120)"></textarea>
							<input maxlength=3 size=3 class=campo name=remLen readonly disabled>
							caracteres </td> </tr>


<tr><td><b>Firma:</b></td></tr>
<td><input name="firma" type=text class="campo" size=15 maxlength="10"></td>							
</table>

<div align="center">
<input type="submit" value="Enviar Nota" border=0 name="enviar">
<input type="hidden" value="http://wisemarketing.net/" name="url">
</div>
</tr>					
</form></td>
</tr>
</table>
</td>
</tr>
					
</body>

chalchis · #7 (**permalink**) 05/05/2005, 12:51

<select name='producto_id'>
<option value='1'> Ultima hora Nacional  - uhna </option>
<option value='2'> Ultima Hora Internacional  - uhin </option>
<option value='3'> Horoscopo  - horo </option>
<option value='4'> Deportes  - depo </option>
</select>

<input name="noticias[]" type=text class="campo" size=15 maxlength="10">
<input type="text" maxlength="3" size="3" name="remLen" disabled>

y si deseas limitar un numero de caracteres usa mejor esto

<script language="JavaScript">
function maximaLongitud(texto,maxlong) {
var tecla, in_value, out_value;

if (texto.value.length > maxlong) {
in_value = texto.value;
out_value = in_value.substring(0,maxlong);
texto.value = out_value;
return false;
}
return true;
}
</script>

<textarea name="nombre_textarea" cols="50"
rows="5" onKeyUp="return maximaLongitud(this,254)">

xcars · #8 (**permalink**) 05/05/2005, 13:02

hey gracias vos muy muy amable