Tecnología

Inicio

Cómo quitar un elemento seleccionado de una lista desplegable con jQuery

JQuery es una biblioteca JavaScript que permite a los programadores escribir secuencias de comandos utilizando código más simple, más rápido. Esta biblioteca se adapta bien a la creación de efectos de animación y la adición de la interacción del usuario a las páginas Web. Puede usar jQuery, por ejemplo, para eliminar un elemento seleccionado de un cuadro desplegable. Use un enlace o botón para activar la eliminación de opciones y establecer el valor de la opción seleccionada en una variable. Cuando se pasa esa variable a una línea de código que elimina una opción en el menú desplegable, jQuery puede eliminar la opción seleccionada.

Instrucciones

1 Abra la página Web que contiene el código desplegable en el Bloc de notas o un editor de código. Encuentra las etiquetas <script> en su código que hacen referencia al archivo de la biblioteca jQuery. Busque este código, ya sea en la cabecera del archivo o justo por encima de la etiqueta de cierre </ body>. Añadir este código si no encuentras la referencia:

<Script id = "eliminar"> opción de eliminación </a>

También puede utilizar un código de botón, si lo prefiere:

Botón <id = "eliminar"> Eliminar Opción </ botón>

4 Volver a sus etiquetas <script> y seleccione el enlace o botón en jQuery. Añadir el evento click () al selector y empezar una nueva función:

<Script type = "text / javascript">

$ ( '# Elimina'). Click (function () {

// Code that removes the option will go here...

});

</ Script>

5 Declarar una nueva variable dentro de las llaves de la función y establecer su valor en la opción seleccionada en el cuadro desplegable. Obtener la opción seleccionada seleccionando el elemento <select> por su nombre de identificación y añadiendo la función val ():

<Script type = "text / javascript">

$ ( '# Elimina'). Click (function () {

var removeOption = $('#myoptions').val();

});

</ Script>

6 Escribir un selector de jQuery que se dirige a la opción por el valor almacenado en la variable. Porque es necesario para pasar una variable al selector, que necesita para romper el selector en la cuerda y variables piezas usando un signo más. Añadir la función remove () a este selector para contar jQuery para eliminar la opción seleccionada:

<Script type = "text / javascript">

$ ( '# Elimina'). Click (function () {

var removeOption = $('#myoptions').val();

$ ( 'Opción [value = "' + removeOption + '"]') remove ().;

});

</ Script>

Tenga en cuenta la combinación de comillas simples y dobles en la cuarta línea del código. Debe colocar los selectores entre comillas, pero dado que el valor de "opción" también necesita cotizaciones, no se puede volver a utilizar comillas simples allí.