jQuery를 사용하여 Chosen.js 선택 상자의 값을 변경하십시오.

Question

Chosen.js 오버레이가있는 선택 상자의 값을 변경하려고합니다. 아이디어는 사용자가 버튼을 클릭 할 때 선택된 값을 변경하는 것입니다.

$('#GroupsShowNext').unbind("click").click(function() { 
    var index = $("#GroupsViewGroups").prop("selectedIndex"); 
    index += 1; 

    $('#GroupsViewGroups option').eq(index).attr('selected', 'selected'); 
    $('#GroupsViewGroups').change(); 
}); 

을하지만 Chosen.js으로는 anymore..I는 몇 가지를 시도했지만 아무 일 없다 작동하지 않습니다

일반 선택 상자와 함께 내가 수행하여 값을 변경할 수 있습니다. 어떤 아이디어로 어떻게 작동시킬 수 있습니까?

Fiddle

Answer 1

그래서이 문제를 해결하기 위해 노력하고 계속이 작업을 수행 할 수있는 방법을 발견 일어난이 질문을 게시 한 후.

$('#GroupsShowNext').unbind("click").click(function() { 
    var index = $("#GroupsViewGroups").prop("selectedIndex"); 
    index += 1; 
    $('#GroupsViewGroups option').eq(index).attr('selected', 'selected'); 
    $('#GroupsViewGroups').chosen().change(); 
    $("#GroupsViewGroups").trigger("liszt:updated"); 
}); 

의 핵심은 .change() 전에() .chosen 넣고 "업데이트리스트"를 트리거하는 것이었다. 당신이 할 수있는 더 좋은 방법이 있으면이 그것을 알아 내려고 노력을 통해 나를

Answer 2

내가 발견 알려 주시기 바랍니다

.. 그것은 작동하지만이 작업을 수행하는 가장 좋은 방법입니다 나도 몰라 자기.

나는 원래 필드에 선택된 인덱스를 변경 한 다음 해당 필드에 liszt:updated 이벤트를 트리거의 조합으로 그것을 할 수 있었다 : 플러그인으로

$('#GroupsViewGroups')[0].selectedIndex = $('#GroupsViewGroups')[0].selectedIndex + 1; 
$('#GroupsViewGroups').trigger('liszt:updated'); 

Answer 3

가 작동 Chosen.js.

var myIndex = 4; 

$("select#GroupsViewGroups").prop('selectedIndex', myIndex); 

Answer 4

그냥 업데이트가 '나는 @의 splitz의 답변을 언급 tryed했습니다

(내가 구글에서이 페이지를 발견, 아마 다른 사람들도 그것을 발견 할 것이다)하지만 난 아직도 돈 수 없었기 때문에 충분한 명성을 얻었습니다.

을 수행하는 새로운 방법은 다음과 같습니다

$('#GroupsShowNext').unbind("click").click(function() { 
    var index = $("#GroupsViewGroups").prop("selectedIndex"); 
    index += 1; 
    $('#GroupsViewGroups option').eq(index).attr('selected', 'selected'); 
    $("#GroupsViewGroups").trigger("chosen:updated"); 
}); 

지금, 트릭이있다 "하여 선택 : 업데이트".

업데이트 대답에 발견 Changing selection in a select with the Chosen plugin