Cómo eliminar un elemento seleccionado de una lista desplegable (usando Jquery)

Question

Cómo eliminar uno o más elementos seleccionados en la etiqueta de opción, de una lista desplegable de HTML (usando Jquery).

Para eliminar todas las opciones de un cuadro combinado, podemos utilizar la siguiente declaración de Jquery.

$ ("# cmbTaxIds> option"). Remove();

Suponiendo el siguiente código HTML en el archivo aspx.

  <select id="cmbTaxID" name="cmbTaxID" style="width: 136px; display: none" tabindex="10" disabled="disabled"> 
       <option value="0"></option> 
       <option value="3"></option> 
       <option value="1"></option> 
      </select> 

Si Quiero eliminar sólo el valor medio, entonces ¿cuál debe ser la sintaxis para el mismo (usando jQuery)?

Answer 1

Utilice el selector eq.

var index = $('#cmbTaxID').get(0).selectedIndex; 
$('#cmbTaxID option:eq(' + index + ')').remove(); 

Esta es la mejor manera de hacerlo porque está basado en índices, no en valores arbitrarios.

Answer 2

$("#cmbTaxIds >option[value='3']").remove(); 

Simplemente reemplace 3 con el valor del elemento que desea eliminar.

Answer 3

Una respuesta más genérica para eliminar la opción seleccionada podría ser

$('#somebutton').click(function(){ 
    var optionval = $('#cmbTaxIds').val(); 
    $('#cmbTaxIds > option[value=' + optionval + ']').remove(); 

}) 

Answer 4

algo como esto:

$('#cmbTaxID option:selected').remove(); 

o incluso más corto:

$('#cmbTaxID :selected').remove(); 

Answer 5

Para eliminar el elemento seleccionado:

$("#cmbTaxID :selected").remove();