Chosen: 자바 스크립트로 선택한 값 설정

내 지점(https://github.com/tompaton/chosen)을 사용하면 이 문제가 해결될 수 있습니다.

불행히도 그것은 나를 위해 작동하지 않습니다.

변경 이벤트를 수동으로 트리거해야 합니다.

$("#single_example").val(2).trigger("change");

감사합니다. 완벽하게 작동합니다!

오류가 있는 예제를 수행했지만 $("#single_example").val(2).trigger("change");
, 목록(선택한 값)에 변경 사항이 없습니다.
플러그인의 마지막 버전을 사용하고 있습니다.
인사

https://github.com/tompaton/chosen 을 사용해야 합니다. 이는 아직 수집되지 않은 분기입니다.

예, tompaton 분기를 사용한 후 매력처럼 작동합니다.

$(#단일_예1").val(2);
$(#단일_예2").val(3)
...
$(#단일_예3").val(20);
$('.chosen').trigger('변경');

안녕하세요 여러분, 저는 tompaton의 포크(https://github.com/tompaton/chosen)를 다운로드했습니다.
$(#단일_예시").val(2).trigger("변경");
A 이것은 매력처럼 작동합니다.
조언을 위해 Thxs :-)

명확한 모든 기능을 작성하려고하는데 tompaton 분기를 사용하더라도 작동하지 않는 것 같습니다.
$(".state_list").val("").trigger("변경");

빈 옵션이 있습니다.
```

앨라배마
알래스카
애리조나
...
웨스트 버지니아
위스콘신
와이오밍

Is there a way to totally remove all selections? Also how about selecting all?

죄송합니다. 제 패치는 다중 선택 상자를 다루지 않았습니다.
좀 더 많은 코드 ...

2011년 8월 12일 금요일 오전 1시 50분, MB34
답장@reply.github.com
썼다:

명확한 모든 기능을 작성하려고하는데 tompaton 분기를 사용하더라도 작동하지 않는 것 같습니다.
$(".state_list").val("").trigger("변경");

빈 옵션이 있습니다.


앨라배마
알래스카
애리조나
...
웨스트 버지니아
위스콘신
와이오밍

모든 선택을 완전히 제거하는 방법이 있습니까? 또한 모두 선택하는 것은 어떻습니까?

이 이메일에 직접 답장하거나 GitHub에서 확인하세요.
https://github.com/harvesthq/chosen/issues/31#issuecomment -1782941

플러그인을 패치하지 않고 이 작업을 수행할 수 있는 방법이 있습니까?

좋아, 다중 선택에서 모든 선택을 지우는 것은 패치 없이도 가능합니다. 선택한 내부가 작동하는 방식에 스스로를 가둘 의향이 있다면:

// replace {select_id} below with the id of your <select> tag
$('#{select_id}_chzn .chzn-choices .search-choice a').click();

이것은 다중 선택에서 선택한 각 항목에서 제거 "x"를 클릭하는 것을 시뮬레이션합니다.

모든 옵션을 선택하는 것도 가능합니다(드롭다운에서 사용 가능한 모든 옵션을 시뮬레이션하여):

$('#{select_id}_chzn .chzn-drop li').click();

이러한 요구 사항은 실제로 선택한 플러그인에 메서드로 추가되어야 합니다.

좋아, 이 모든 것을 명확히 하기 위해:

@pfiller 는 다음을 사용하여 Harvethq/chosen 브랜치에서 이것이 모두 가능하다고 지적했습니다.

$("#single_example").val(2).trigger("liszt:updated");

코드/문서를 충분히 읽지 않은 것에 대한 나의 나쁨. 여러 선택 상자에서도 제대로 작동합니다.

다중 선택에서 모든 옵션을 지우려면 다음을 수행하십시오.

$('#{select_id}').val([]).trigger('liszt:updated');

내 이전 의견은 여전히 ​​모든 옵션을 선택하는 유일한 방법이라고 생각합니다.

_참고_ 이와 관련하여 내 포크는 이제harveshq/chosen과 동일하므로 이를 사용하고 .trigger('change') 항목을 무시하십시오.

Prototype 어댑터를 사용하고 있는 사용자는 다음과 같이 동일한 작업을 수행할 수 있습니다.

  $(select_box_id).select('option[selected]').each(function(el){el.selected = false});
  Event.fire($(select_box_id), 'liszt:updated')

다소 투박하지만 작동합니다. 이 작업을 수행하는 더 좋은 방법이 있다면

내가 사용하는 솔루션은 원본 소스 선택에서 선택한 옵션을 변경한 다음 Chosen을 다시 빌드하는 것입니다.

select.val(value);
select.chosen('destroy');
select.chosen({});

@roelvanduijnhoven @tompaton 의 주석에 제공된 솔루션(또는 프로토타입 버전의 경우 @RyanS 가 제공한)은 기존 요소를 파괴하고 새 요소를 만드는 대신 업데이트하므로 더 좋습니다.

어떤 이유로 @tompaton 의 솔루션이 제 경우에는 작동하지 않는 것 같습니다. 그래도 노력을 많이 하지 않아서 제가 뭔가 잘못한 것일 수도 있습니다.

@roelvanduijnhoven 버전 1.0을 사용하는 경우 이벤트는 이제 chosen:updated 입니다.

@stof 덕분에 트릭을 수행했습니다.

참고로 jQuery를 사용하여 동적으로 값을 변경합니다.

$("#single_example").val(2).trigger('chosen:updated');

참고로 http://harvesthq.github.io/chosen/#change -update-events 문서화되어 있습니다.

@roelvanduijnhoven 죄송합니다. 제 댓글은 다른 문제를 위한 것이므로 지금 삭제했습니다. (gmail은 이메일을 그룹화했고 나는 답장으로 댓글을 달았습니다)

정말 감사합니다! 이 스레드가 내 하루를 구했습니다!
마지막으로 기본값으로 다중 선택이 있습니다. :)

안녕하세요, 저는 새로운 jquery이고 방금 다운로드를 선택했습니다. 여러 값을 선택/설정하는 방법이 혼란스럽습니다.

내가하려고하는 것은 페이지로드시 동적으로 옵션을 생성 한 다음 기본값을 선택해야합니다.

감사 해요
구리

gpdhillion:
이것을 사용
$('.chosen-select').val([1,2,3]).trigger('chosen:updated');

$(#id").val(id_value);
$("#id").chosen('파괴');
$("#id").chosen({});