Foros del Web - Ver Mensaje Individual - seleccionar select y cargar valor a campo text

emprear · #4 (**permalink**) 04/08/2012, 20:26

Por usabilidad el evento onchange para este caso se mejora con la inclusión de un valor por defecto (que posteriormente no será tenido en cuenta en el procesamiento, puede ser un valor vacio.
De lo contrario, el cliente verá el producto1, y al clickear sobre este, al no haber "change" sobre el valor inicial, nada será colocado en el input

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
var mostrarValor = function(x){
document.getElementById('valoreninput').value=x;
}
//]]>
</script>
</head>
<body>
 <form action="#">
<select name="valores" onchange="mostrarValor(this.value);">
<option value="<---" selected="selected">Seleccionar Producto</option>
<option value="1">Producto nro 1</option>
<option value="2">Producto nro 2</option>
<option value="3">Producto nro 3</option>
</select>
<input type="text" name="valoreninput" id="valoreninput" value="<---" />
</form>
</body>
</html>

Saludos