jQuery를 특정 OPTGROUP을 선택하고 제거 옵션

Question

어떻게 내가 지금까지 수행 한 어떤 select

의 특정 optgroup의 옵션을 제거 할 수 있습니다

function(data) 
{ 
    $('.'+id).each(function() 
    { 
     $(this).find('option').remove(); 
     $.each(data, function(index, value) {    
     $('<option>').text(value).appendTo('.'+id); 
     }); 
    }); 

} 

그리고 select는

<select id="testers" class="testers_team-${info.problemId}"> 
    <optgroup label="Current Assigned Tester"> 
     <option>I'll think about this later</option> 
    </optgroup> 
    <optgroup label="Testers" class="test_list"> 
     <c:forEach var="testers_per_team" items='${test.KwekKwek}'> 
      <option>${testers_per_team}</option> 
     </c:forEach> 
    </optgroup> 
</select> 

입니다

optgroup class="test_list"의 옵션을 제거하고 다시 채우고 싶습니다. 옵션을 추가했지만 성공하지 못했습니다.

이

1. 는 께서 여러 OPTGROUP
2. 현재 해당
3. 에 추가 옵션을 제거하는 선택과 특정 OPTGROUP을 선택 현재
을 선택한 OPTGROUP에 새로운 옵션을 추가 FIC optgroup 내가 방법을 알고 싶어요

위 스크립트는 Ajax 아래에 있지만 드롭 다운의 모든 옵션이 제거되므로 도움을 받으십시오.

참고 :testers_team-${info.problemId}의 값은 당신이 비우고 선택에 추가, 찾고 있습니다

Answer 1

위에 게시 된 select의 같은 클래스입니다. optgroup를 선택하고 대신 작업 :

function (data) { 
    $('.' + id).each(function() { 
     var $optGroup = $(this).find('optgroup.test_list'); 
     $optGroup.empty(); 
     $.each(data, function (index, value) { 
      $('<option>').text(value).appendTo($optGroup); 
     }); 
    }); 
}