2016-09-27 2 views
1

jquery multi에서 선택한 항목을 제거하는 방법 재설정 버튼을 클릭 한 후 선택 하시겠습니까?새로 고침 Jquery multi selected 선택

<select data-placeholder="Select" id="options" class="chosen-select" maxwidth="50px" multiple tabindex="15" ></select> 

나는 여러 가지 방법으로 운이 좋았습니다. 이미지의 위와 여전히 선택된 디스플레이 항목 후

$("#options").multiselect('refresh'); 
    $("#options").multiselect('clearSelection'); 
    $('#options').multiSelect('deselect_all'); 
    $("#options").find('option:selected').removeAttr("selected"); 

, 어떤 도움을 주시면 감사하겠습니다

enter image description here

: 이것은 내 코드입니다.

+0

그 스크린 샷은 다중 선택처럼 보이지 않습니다. https://harvesthq.github.io/chosen/) 또는 tagit (http://aehlke.github.io/tag-it/) ... 사용중인 도서관에 대해 100 % 확실합니까? 편집 : 실제로 클래스를 기반으로, 선택한 필드입니다 ...'.chosen()'메서드를 사용하거나 false로 속성을 설정합니다 (예 :'$ ("# options").) find ('option : selected') .prop ('selected', false)'), 단순히 속성을 제거하는 것보다; '$ ("# options"). trigger ('selected : updated'); ' –

답변

0

나는 다중 선택에 너무 익숙하지 해요,하지만 당신이 사용하여 모든 선택을 취소 할 수 있습니다처럼 docs에 따라 보이는 :

$('#your-select').multiSelect('deselect_all'); 
+0

나는 이것을 시도했다. 나를 위해 일하지 않아. –

0

당신은 사용할 수 있습니다

$("#options").find('option:selected').removeAttr("selected"); 

예 : https://jsfiddle.net/hs9yft2n/1/

+0

나는 이것을 시도했다. –

1

이것은 다중 선택이 아니며 jQuery 선택 필드입니다. 대답은 여기에 포함 : - :리스트 : 'select all' and 'remove all' with chosen.js을 다음 선택된 요소

당신이, 당신에 대한 올바른 트리거가 될 수있는 선택의 이전 버전을 사용하는 경우
$("#options").find('option:selected').prop('selected',false); 
$("#options").trigger('chosen:updated'); 

업데이트 만 옵션에서 선택한 속성을 제거 업데이트를, 예.

$("#options").trigger('liszt:updated'); 

하지만 내가 말할 수 있도록 질문에 세부 정보를 추가해야합니다.

제쳐두고, ALSO를 multiSelect로 초기화 한 경우 향후 문제가 예측됩니다. 어떤 위젯을 사용하고 싶은지 확실하게 확인하고 그 위젯과 그 위젯만으로 초기화/호출 메소드를 확인하십시오

+0

예, Jquery가 여러 개 선택되었지만이 대답은 나에게 적합하지 않습니다. 선택한 항목이 아직 있습니다. –

+0

그런 다음 두 가지 유형의 위젯으로 초기화 한 것과 관련된 문제가있을 수 있음을 제안합니다. 첫 번째 줄은 선택 목록 (http://stackoverflow.com/questions/1857781/best-way-to-unselect-a-select-in-jquery)에서 모든 옵션의 선택을 취소하는 허용 된 방법입니다. 두 번째 줄은 허용 된 것입니다 (https://harvesthq.github.io/chosen/options.html#triggerable-events) 업데이트 된 선택된 위젯의 방법. 내가 틀렸다는 것을 알았다면 다른 트리거를 가진 오래된 버전의 선택을 사용하고있을 수도 있습니다. 질문에 대한 자세한 정보를 추가해야합니다. –

+0

하지만, $ ('options')로 시작하는 항목을 호출하는 경우 명확해야합니다. multiSelect (...'), 그러면 아무 것도 작동하지 않을 것입니다. multiSelect 메서드는 선택한 필드에서 작동하지 않으며 현장에서 문제가 될 가능성이 있습니다. –