Ayuda con Multilistbox

hunabku · #1 (**permalink**) 28/05/2010, 14:22

Saludos que tal espero alguien me pueda ayudar tengo un listbox ejemplo que me despliega ejemplo:

A
B
C
D
E
F
G

y cuando se desgloze el usuario debe escoger 3 opciones y cargarse en 3 cajas de texto que tengo solo que no puedo hacer se cargen en forma consecutiva en cada box si no los 3 se muestran en el primer box les dejo el ejmplo que tengo.

<HTML>
<HEAD>
<TITLE>Accessories List</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function seeList(form) {
var result = ""
for (var i = 0; i < form.accList.length; i++) {
if (form.accList.options[i].selected) {
result += "\n " + form.accList.options[i].text;
}
}

document.getElementById('txtuno').value=result
document.getElementById('txtdos').value=result
document.getElementById('txttres').value=result
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<P align="center">Selecciona 3 opciones:
<SELECT NAME="accList" SIZE=5 MULTIPLE>
<OPTION SELECTED>A
<OPTION>B
<OPTION>C
<OPTION>D
<OPTION>E
<OPTION>F
<OPTION>G
</SELECT></P>
<table width="200" border="1" align="center">
<tr>
<th scope="col"><label>
<input type="text" name="txtuno">
</label></th>
</tr>
<tr>
<td><label>
<div align="center">
<input type="text" name="txtdos">
</label>
</div></td>
</tr>
<tr>
<td><label>
<div align="center">
<input type="text" name="txttres">
</div>
</label></td>
</tr>
</table>
<P><INPUT TYPE="button" VALUE="Selecciona..."
onClick="seeList(this.form)"></P>
</FORM>
</BODY>
</HTML>

Adler · #2 (**permalink**) 28/05/2010, 14:44

Hola

Lo mejor es meterlo en una matriz. Prueba ahora

Código Javascript:

Ver original<HTML>
<HEAD>
<TITLE>Accessories List</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function seeList(form) {
var result = new Array();
for (var i = 0; i < form.accList.length; i++) {
if (form.accList.options[i].selected) {
//result += "\n " + form.accList.options[i].text;
result.push(form.accList.options[i].text);
}
}
 
form.txtuno.value=result[0];
form.txtdos.value=result[1];
form.txttres.value=result[2];
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<P align="center">Selecciona 3 opciones:
<SELECT NAME="accList" SIZE=5 MULTIPLE>
<OPTION SELECTED>A
<OPTION>B
<OPTION>C
<OPTION>D
<OPTION>E
<OPTION>F
<OPTION>G
</SELECT></P>
<table width="200" border="1" align="center">
<tr>
<th scope="col"><label>
<input type="text" name="txtuno">
</label></th>
</tr>
<tr>
<td><label>
<div align="center">
<input type="text" name="txtdos">
</label>
</div></td>
</tr>
<tr>
<td><label>
<div align="center">
<input type="text" name="txttres">
</div>
</label></td>
</tr>
</table>
<P><INPUT TYPE="button" VALUE="Selecciona..." onClick="seeList(this.form)"></P>
</FORM>
</BODY>
</HTML>

Suerte

hunabku · #3 (**permalink**) 28/05/2010, 15:22

Cita:

Iniciado por Adler

Hola

Lo mejor es meterlo en una matriz. Prueba ahora

Código Javascript:

Ver original<HTML>
<HEAD>
<TITLE>Accessories List</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function seeList(form) {
var result = new Array();
for (var i = 0; i < form.accList.length; i++) {
if (form.accList.options[i].selected) {
//result += "\n " + form.accList.options[i].text;
result.push(form.accList.options[i].text);
}
}
 
form.txtuno.value=result[0];
form.txtdos.value=result[1];
form.txttres.value=result[2];
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<P align="center">Selecciona 3 opciones:
<SELECT NAME="accList" SIZE=5 MULTIPLE>
<OPTION SELECTED>A
<OPTION>B
<OPTION>C
<OPTION>D
<OPTION>E
<OPTION>F
<OPTION>G
</SELECT></P>
<table width="200" border="1" align="center">
<tr>
<th scope="col"><label>
<input type="text" name="txtuno">
</label></th>
</tr>
<tr>
<td><label>
<div align="center">
<input type="text" name="txtdos">
</label>
</div></td>
</tr>
<tr>
<td><label>
<div align="center">
<input type="text" name="txttres">
</div>
</label></td>
</tr>
</table>
<P><INPUT TYPE="button" VALUE="Selecciona..." onClick="seeList(this.form)"></P>
</FORM>
</BODY>
</HTML>

Suerte

Muchas gracias yo ya tenia un atascadero con unos if que para que te cuento y tu solucion fue perfecta