2010-08-05 6 views
8

HTML 드롭 다운 목록 (Jquery 사용)에서 옵션 태그에서 하나 이상의 선택한 항목을 제거하는 방법.드롭 다운 목록에서 선택한 항목을 제거하는 방법 (Jquery 사용)

콤보 상자에서 전체 옵션을 제거하려면 아래의 Jquery 문을 사용할 수 있습니다.

$ ("# cmbTaxIds> 옵션"). remove();

아래의 HTML 코드는 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> 

중간 값만 제거하려는 경우 동일한 (Jquery를 사용하여) 구문은 무엇이되어야합니까?

답변

16

선택자는 eq입니다.

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

임의의 값 기반이 아닌 인덱스 기반이기 때문에이를 수행하는 가장 좋은 방법입니다.

+0

내 문제를 해결하는 데 도움이되었습니다. 고마워요 :-) – Biki

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

그냥 3을 제거 할 요소의 값으로 바꿉니다.

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

또는 짧은 :

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

선택한 옵션을 제거하는 더 일반적인 대답은

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

}) 
4

이 같은 수 :

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

이것은 나에게 가장 우아하게 보입니다. 선택기는 모든 선택된 옵션을 찾습니다. 다른 솔루션에는 색인 전달이 포함됩니다. –

13

가 선택한 항목을 제거하려면

+1

나는'option'을 사용하지 않았고 나를 위해 일했습니다. '$ ("# cmbTaxID : selected"). remove();'? – boddhisattva

+0

작동합니다.