Foros del Web - Ver Mensaje Individual

emprear · #9 (**permalink**) 19/04/2012, 11:47

Primero, te aclaro que cometí un pequeño error, el onchange() debe ser para los selects no para e l form
En cuanto a lo otro, cada select tiene un id que lo identifica, se le pasa a la función un parametro con el nombre del id, esa variable hace que cargue los textos del select que corresponda, quedaría, con la corrección, asi

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[
function agregar(elid) {
var opt = document.getElementById(elid);
var opt_index = opt.selectedIndex;
var valor = opt.value;
var texto = opt.options[opt_index].text;
 
    
if(valor != ""){
    document.getElementById('contenido').value += texto+'\n';
  }
}
 
//]]>
</script>
 
</head>
<body>
 
<form action="#">
<select id="textos" onchange="agregar(this.id);">
<option value="">opción</option>
<option value="uno">valor de uno</option>
<option value="dos">valor de dos</option>
<option value="tres">valor de tres</option>
</select>
<br />
<select id="textos2" onchange="agregar(this.id);">
<option value="">opción</option>
<option value="cuatro">valor de cuatro</option>
<option value="cinco">valor de cinco</option>
<option value="seis">valor de seis</option>
</select>
<textarea rows="20" cols="40" id="contenido"></textarea>
</form>
</body>
</html>