Chosen: 선택된 다중 재설정이 작동하지 않음

다음을 시도하십시오.

$('.chosen-select option:selected').removeAttr('selected');
$('.chosen-select').trigger('chosen:updated');

시도했지만 다중에 대해 생성되는 html은 단일 선택과 다릅니다.
여기까지입니다.

<div class="chosen-container chosen-container-multi" style="width: 100%;" title="" id="users_chosen">
  <ul class="chosen-choices">
    <li class="search-choice">
      <span>Manus </span>
      <a class="search-choice-close" data-option-array-index="1"></a>
    </li>
    <li class="search-field">
      <input type="text" style="width: 25px;" autocomplete="off" class="" value="Choose users...">
    </li>
  </ul>
  <div class="chosen-drop">
    <ul class="chosen-results">
      <li data-option-array-index="1" style="" class="result-selected">Manus </li>
      <li data-option-array-index="2" style="" class="active-result">Owen </li>
      <li data-option-array-index="3" style="" class="active-result">Sean </li>
      <li data-option-array-index="4" style="" class="active-result">Sinead </li>
    </ul>
  </div>
</div>

이것에 대해 대단히 감사합니다. 이 옵션을 찾고 있었고 StackOverflow 사이트에 게시했지만 응답을 받지 못했습니다. 이 포럼이 더 활성화된 것 같습니다 :+1:

다음과 같이 전체 양식을 재설정하려고 했습니다.

        var form = $('form');
    form.get(0).reset();
    form.find('.filterSelect').trigger('chosen:updated');

그러나 나는 비슷한 문제가 있습니다 ... 단일 드롭 다운의 경우 모든 것이 잘 작동합니다. 그러나 다중 선택에는 더 이상 자리 표시자가 없습니다.

다중 선택은 배열을 값으로 예상하므로 jQuery를 사용하여 재설정하려면 다음을 사용할 수 있습니다.

$('.chosen-select').val([]).trigger('chosen:updated')

실제 예는 여기를 참조하십시오: https://jsfiddle.net/koenpunt/L1sd259w/