sobre los select

java · #1 (**permalink**) 09/08/2002, 14:10

Alguien sabe si hay un script con el que se pueda hacer dinamico el numero de elementos de un <select> ... lo que no quiero es tener que recargar mi pagina....

DanielRey · #2 (**permalink**) 09/08/2002, 15:21

Hola Java :)

¿Te referís a agregar y quitar elementos de un select en forma dinámica?

Si, se puede.

Suerte ;)

java · #3 (**permalink**) 09/08/2002, 16:21

podrias decirme porfavor como se hace?

DanielRey · #4 (**permalink**) 09/08/2002, 17:09

<HTML>
<HEAD>
<TITLE>Select</TITLE>
</HEAD>
<SCRIPT>
var elementos = new Array();
function ordenar() {
for (i = 0; i < cboSort.options.length; i++) {
elementos[I] = cboSort.options(i).value + " " + cboSort.options(i).text;
}
while (cboSort.options.length > 0) cboSort.remove(0);
ordenados = elementos.sort();
FillSortDropDownWithFields(cboSort, ordenados);
}
function FillSortDropDownWithFields(oDropDown, elementos) {
if (oDropDown.options.length > 0)
return;
for (i = 0; i < elementos.length; i++) {
datos = elementos.split(" ");
AddItemToDropDown(oDropDown, datos[0], datos[1]);
}
cboSort.selectedIndex = 0;
}
function AddItemToDropDown(oDropDown, cValue, cText) {
oOption = document.createElement('OPTION');
oOption.value = cValue;
oOption.text = cText;
oDropDown.add(oOption);
}
function agregar() {
AddItemToDropDown(cboSort, Nuevo.value, Nuevo.value);
}
function eliminar() {
cboSort.remove(cboSort.selectedIndex);
}
</SCRIPT>
<BODY>
<Button onClick=eliminar()>Eliminar</Button><BR>
<Button onClick=agregar()>Agregar</Button><BR>
<INPUT TYPE=TEXT NAME=Nuevo><BR>
<Button onClick=ordenar()>Ordenar</BUTTON><BR>
<SELECT ID=cboSort>
<OPTION value=P>Perro
<OPTION value=G>Gato
<OPTION value=T>Tigre
<OPTION value=C>Caballo
</SELECT>
</BODY>
</HTML>

Suerte :P

DanielRey · #5 (**permalink**) 09/08/2002, 17:11

Va de nuevo... el foro interpreta [ i ] como itálicas si no le ponés un espacio :(

<HTML>
<HEAD>
<TITLE>Select</TITLE>
</HEAD>
<SCRIPT>
var elementos = new Array();
function ordenar() {
for (i = 0; i < cboSort.options.length; i++) {
elementos[ i ] = cboSort.options(i).value + " " + cboSort.options(i).text;
}
while (cboSort.options.length > 0) cboSort.remove(0);
ordenados = elementos.sort();
FillSortDropDownWithFields(cboSort, ordenados);
}
function FillSortDropDownWithFields(oDropDown, elementos) {
if (oDropDown.options.length > 0)
return;
for (i = 0; i < elementos.length; i++) {
datos = elementos[ i ].split(" ");
AddItemToDropDown(oDropDown, datos[0], datos[1]);
}
cboSort.selectedIndex = 0;
}
function AddItemToDropDown(oDropDown, cValue, cText) {
oOption = document.createElement('OPTION');
oOption.value = cValue;
oOption.text = cText;
oDropDown.add(oOption);
}
function agregar() {
AddItemToDropDown(cboSort, Nuevo.value, Nuevo.value);
}
function eliminar() {
cboSort.remove(cboSort.selectedIndex);
}
</SCRIPT>
<BODY>
<Button onClick=eliminar()>Eliminar</Button><BR>
<Button onClick=agregar()>Agregar</Button><BR>
<INPUT TYPE=TEXT NAME=Nuevo><BR>
<Button onClick=ordenar()>Ordenar</BUTTON><BR>
<SELECT ID=cboSort>
<OPTION value=P>Perro
<OPTION value=G>Gato
<OPTION value=T>Tigre
<OPTION value=C>Caballo
</SELECT>
</BODY>
</HTML>