ayuda con una funcion en un list/menu

sebas_20_jv · #1 (**permalink**) 10/09/2009, 17:03

la dificultad que tengo es que necesito que cuando seleccionar una opcion de un list/menu le de a un boton y me asigne ese valor a un campo de texto , lo se hacer entre campos de texto, pero con este list/menu no he podido, de antemano agradezco.......

mfb5 · #2 (**permalink**) 10/09/2009, 18:08

Hola sebas_20_jv, el problema que tienes es muy común ya que la manera de obtener el contenido del menu es un poco diferente aqui te dejo un ejemplo de como obtener el contenido y lo mestra con un alert espero te ayude...

Código HTML:

<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Select</title>
</head>

<body>
    <select name="lista" id="lista">
      <option>opcion1</option>
      <option>opcion2</option>
    </select>
    <input type="submit" name="boton" id="boton" value="Submit" onclick="mostrar()" />

</body>
<script language="javascript">
function mostrar(){
	var list = document.getElementById("lista");
	var op = list.options[list.selectedIndex].value;
	alert(op);
}
</script>
</html>

sebas_20_jv · #3 (**permalink**) 10/09/2009, 21:12

esta bien!! ahora el problemita es que cuando le doy en el boton la idea es que me aparezca en el campo de texto, a la funcion le agrego lo siguiente y le quito el alert:

<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Select</title>
</head>

<body>
<select name="lista" id="lista">
<option>opcion1</option>
<option>opcion2</option>
</select>
<input type="submit" name="boton" id="boton" value="Submit" onclick="mostrar()" />

</body>
<script language="javascript">
function mostrar(){
var list = document.getElementById("lista");
var op = list.options[list.selectedIndex].value;
document.getElementById('producto1').value = list;
}
</script>
</html>

de esta forma en el campo de texto me muestra la palabra " objec" entre corchetes!! la idea es que muestre el nombre del producto.........Gracias!!!

Adler · #4 (**permalink**) 11/09/2009, 05:10

Hola

A las opciones del select has de darles valores

Código html:

Ver original<select name="lista" id="lista">
<option value="opt2">opcion1</option>
<option value="opt1">opcion2</option>
</select>

Suerte