Jak usunąć zaznaczony element z listy rozwijanej (przy użyciu jquery)?

Question

Jak usunąć jeden lub więcej wybranych elementów z etykiety opcji z rozwijanej listy HTML (przy użyciu jquery).

Aby usunąć całe opcje z pola kombi, możemy użyć poniższej instrukcji Jquery.

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

Założenie poniższego kodu HTML w pliku 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> 

Jeśli chcesz usunąć tylko wartość środkową, to jaka powinna być składnia sama (przy użyciu jQuery)?

Answer 1

Użyj selektora eq.

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

Jest to najlepszy sposób, aby to zrobić, ponieważ jest oparty na indeksie, a nie arbitralne wartości.

Answer 2

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

Wystarczy zastąpić 3 wartością elementu, który chcesz usunąć.

Answer 3

odpowiedzi bardziej ogólny, aby usunąć wybraną opcję może być

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

}) 

Answer 4

coś takiego:

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

lub nawet krócej:

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

Answer 5

Aby usunąć wybraną pozycję:

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