jquery selected mark 새 요소

Question

양식에 jQuery plugin chosen을 사용하고 있습니다. 양식 제출시 데이터베이스에 추가하기 위해 새 요소를 표시하고 싶습니다.

나는 노력하고 있어요 :

$('#id_tags').chosen({ 
    display_selected_options: false, 
    create_option: function(term) { 
     var chosen = this; 
     $.ajax({ 
      type: 'POST', 
      url: '/aj/tag/neu/', 
      data: { 
       tag_name: term 
      } 
     }).done(function(data) { 
      chosen.append_option({ 
       value: data.tag_id, 
       text: data.tag_name 
      }); 
      $('li.search-choice:contains(' + data.tag_name +')').addClass("new"); 
     }); 
    }, ... 
} 

이건의 또 다른 요소 B는 "새로운 추가됩니다 그러나 때,"새로운 "클래스가 추가됩니다 가장 최근에 추가 된 요소 즉, 모든 새로운 추정 요소와 함께 작동 "-class는 A에서 삭제되고 B에만 표시됩니다.

<ul class="chosen-choices"> 
    <li class="search-choice"><span>A</span><a data-option-array-index="1" class="search-choice-close"></a></li> 
    <li class="search-choice new"><span>B</span><a data-option-array-index="174" class="search-choice-close"></a></li> 
</ul> 

왜 그런가요? 아니면 추가 된 모든 요소에 영구 마커를 적용하려면 어떻게해야합니까?

Answer 1

는 그런 다음 선택한 목록에 유지하는

$('#myRealSelect').trigger('chosen:updated'); 

과 수업을 실제 < 옵션 > 요소에 클래스를 추가해야합니다.