<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<script language="javascript">
function cambiar()
{ var lista=document.getElementById("lista")
var div=document.getElementById("contenedor");
var listatmp=document.createElement("select");
if (lista.value!="")
{
listatmp.setAttribute("id","listatmp");
var opcion=document.createElement("option");
var texto = document.createTextNode(lista.value);
opcion.setAttribute("value","1");
opcion.appendChild(texto);
listatmp.appendChild(opcion);
div.appendChild(listatmp);
lista.style.width=listatmp.offsetWidth;
}
}
</script>
<body>
<select multiple id="lista" onChange="cambiar()" style="font-size:12px" >
<option>hola</option>
<option>hola como estas</option>
<option>hola q tal todo y cuando te casas?</option>
<option>bien y tu ?</option>
</select>
<div id="contenedor" style="visibility:hidden">
</div>
</body>
</html>