modificar un input a traves de una lista

mickeyy · #1 (**permalink**) 22/07/2005, 09:03

hola llevo unos dias intentando hacer una cosa pero no soy capaz. Tengo un campo input y dos campos que son una lista que permite seleccionar multimples valores. Querria que los campos seleccionados apareciesen en el input, que cada vez que seleccionase uno nuevo se agregase alli. Alguien sabe como lo puedo hacer? gracias

ElSerji · #2 (**permalink**) 22/07/2005, 09:36

Hola,

Pues por ejemplo, puedes asociarle al select una función javascript que maneje el evento "onchange" del select. Algo asi:

<select id="s1" onchange="copiar(this,'input1')"> .... </select>

A la función copiar se le pasa como primer parámetro el propio objeto select y como segundo el id del input. Y luego, dentro de esta función lo que haces es copiar el valor de la opción seleccionada al input. Algo asi:

Código:

 
function copiar(select, inputid){
    document.getElementById(inputid).value = select.options[select.selectedIndex].value;
}

No lo he probado, pero creo que la idea esta clara. Espero que te sea de ayuda.
Saludos!

Saruman · #3 (**permalink**) 22/07/2005, 09:36

no se si es esto lo que pides... me avisas de cualquier forma:

Código HTML:

<script language="javascript">
 function agregar(paises) {
  var d = document.all;
  
  if (paises != "") {
   d.texto.value += paises + ",";
  }
 }
</script>
<body>
<select name="tipos" onChange="agregar(this.value)">
<option value="" selected>Pises</option>
<option value="panama">panama</option>
<option value="costa rica">costa rica</option>
<option value="colombia">colombia</option>
</select>
<input type="text" name="texto">

mickeyy · #4 (**permalink**) 22/07/2005, 09:50

es como dice la primera respuesta solo hay un fallo que pone solo un valor. Como haria para que lo sumase o lo quitase segun se seleccionase o borrase.

el caso es que no se como hacerlo y me estoy haciendo un lio.
el codigo que tnego seria asi
<select name="alumnos" size="5" multiple id="alumnos">
<option value="valor 1">alumno 1</option>
<option value="valor 2">alumno 2</option>
<option value="valor 3">alumno 3</option>
<option value="valor 4">alumno 4</option>
</select>

SAruman tu respuesta me vale pero no se como hacerlo para que quite o añada estos valores.

Saruman · #5 (**permalink**) 22/07/2005, 10:09

bueno, en este link hay todo sobre como agregar y quitar elementos de un select.... hay muchisimos ejemplos, hay esta el tuyo...

http://faqts.com/knowledge_base/index.phtml/fid/178