-
Cómo deshabilitar la Lista Segunda desplegable en JSP
-
JavaServer Pages o JSP, son parte de la tecnología Java desarrollado por Sun para crear páginas web dinámicas. JavaServer Pages se crean con una combinación de HTML, las etiquetas XML y Java scriptles que se generan en el lado del servidor de un sitio web. Esta tecnología hace que sea fácil para los programadores para crear formularios Web dinámicas y controlar los campos del formulario, como las listas desplegables. Por ejemplo, un programador puede generar las opciones en una segunda lista desplegable en base a lo que el usuario elige en la primera lista desplegable. Hasta que el usuario selecciona una opción en la primera lista desplegable, el segundo se desactivará.Instrucciones
1 Abra la página JSP en un programa de aplicación de creación Web (Dreamweaver) o con una herramienta de edición de texto (Bloc de notas).
2 Escribir el código para crear un formulario con dos listas desplegables. Si usted ya tiene su formulario con sus listas desplegables creados, entonces puede saltarse este paso. Sólo el trabajo con las listas que ya tiene. Crear las listas desplegables en formato HTML (Hypertext Markup Language):
"<Html>
<Body>
<Form action = "">
<Select name = "Artículos" onchange = "enable_list">
<Option value = "fruto"> Frutas </ option>
<Option value = "pan"> Pan </ option>
<Option value = "verduras"> Verduras </ option>
<Option value = "carne> Carne </ option>
</ Select>
<Select name = "fruto" disabled = "desactivado">
</ Select>
</ Form>
</ Body>
</ Html> "
En el ejemplo anterior, una forma se creó con dos cuadros desplegables. Una caja tiene una lista de artículos y la segunda caja tiene una lista de diferentes frutas. La acción por primera desplegable establece que cuando se cambia, entonces la forma se referirá a un JavaScript denominada "enable_list" dentro del mismo documento. El segundo cuadro desplegable que ya se ha establecido como deshabilitado y en la actualidad no tiene ninguna opción ..
3 Desplazarse hacia abajo y escribir la función que permitirá a la segunda casilla para convertirse permitido basado en la selección de la primera casilla. La función está escrito en JavaScript:
"$ (Función enable_list.jsp ()
{
$('#fruit').load('& Lt; opción de valor = "manzanas"> Apples & lt; / option>'
'& Lt; opción de valor = "naranjas"> Naranjas & lt; / option>'
'& Lt; opción de valor = "uvas"> Grapes & lt; / option>'
'& Lt; opción value = "limones"> Limones & lt; / option>'
{Soltar: val}
la función ()
{
$ ( '# Esto') attr ( "discapacitados", false).;
});
});
}); "
El guión rellena la segunda lista desplegable con las opciones "manzanas", "naranjas", "Uvas" y "Limones". También permite que el cuadro con la declaración "$ ( '# esto') attr. (" Discapacitados ", false) ;." Por el contrario de esto, si desea que la secuencia de comandos para desactivar la casilla, el código será: "$ ( '# esto'). Attr (" discapacitados ", true) ;."
4 Guarde la página JSP con la extensión .jsp. Por ejemplo, la secuencia de comandos creado anteriormente puede ser llamado, "disable_lists.jsp."
