Instrucciones 1 Agrega el siguiente código a tu documento HTML: <select id="ListBox1"></select> <input ty...
Instrucciones
- 1Agrega el siguiente código a tu documento HTML: <select id="ListBox1"></select> <input type="button" value="Add Filenames" onclick="addFileNames('ListBox1')" /> La primera línea crea un control "select" vacío con el id "ListBox1". Su propiedad "multiple" permite a los usuarios seleccionar más de un elemento a la vez manteniendo presionada la tecla "Ctrl" al hacer clic en dichos elementos. La segunda línea crea un botón. Ese botón tiene un evento "onclick" que envía el valor del id del listbox, "ListBox1", a una función que rellena el listbox.
- 2Añade esta sección de declaración de JavaScript dentro de la parte "<head>" de tu documento: var filenames = [ "Filename1", "Filename2", "Filename3" ]; Esto crea un arreglo de nombres de archivos que usarás para probar el código. Este arreglo, llamado "filenames", contiene tres nombres.
- 3Copia el siguiente código de JavaScript y pégalo debajo del código mostrado en el paso anterior: function addFileNames(listboxID) { var listbox = document.getElementById(listboxID); for (var i=0; i < filenames.length; i++) { var listboxSize = listbox.options.length; listbox.options[listboxSize] = new Option(filenames[i], i); } var listBoxSize = listbox.options.length; listbox.size = listBoxSize; } Esta función realiza un ciclo a través del arreglo "filenames" y añade cada nombre al listbox. Las últimas dos líneas calculan el tamaño del listbox y lo expanden para que todos los elementos aparezcan.
- 4Guarda tu documento y visualízalo en un explorador. Verás un listbox vacío y tu botón. Haz clic en el botón. El código se ejecuta y añade los nombres de archivos al listbox. Haz clic en un nombre de archivo para seleccionarlo. Mantén presionada tu tecla "Ctrl" y haz clic en varios nombres para seleccionar más de uno al mismo tiempo.
