select2 표시가 레이블 텍스트를 업데이트하지 않지만 값이 변경 중임

Question

select2 v4.0.3을 JQuery와 함께 사용 중입니다. 나는 나의 선택기를 초기화 :

$("#datatype").select2({ 
     theme: "classic" 
     }); 

$("#unit").select2({ 
     theme: "classic" 
     }); 

가 그럼 난 #datatype에 변화를 감지하고 난 다음 않는 #unit의 값을 변경하려면 :

$("#datatype").on('select2:select',function() { 
    $("#unit").val('21'); //udpate unit type to be 'none' 
    }); 

문제를입니다 #unit의 값 21로 설정되고 있지만 해당 선택기의 표시된 레이블이 업데이트되지 않습니다. 어떤 제안?

select2가 이벤트를 인식하지 못하거나 변경 사항을 수신하기 위해 제대로 설정되지 않은 것처럼 보입니다. 나는 그 해결책이 무엇인지 모르겠습니다. 나는 웹 기술에 익숙하지 않다.

Answer 1

선택 2 문서를 통해 파고 후, 어떤 .val() 업데이트는 그래서 내 경우, 코드는이 선택 2 버전 만 사실이라고

$("#datatype").on('select2:select',function() { 
    $('#unit').val('21'); // Select the option with a value of '21' 
    $('#unit').trigger('change'); // Notify any JS components that the value changed 
}); 

주 같아야합니다 $('#unit').trigger('change');

다음에해야 4 이상.

지정하지 않아도 값을 변경하기 위해 직접 호출 할 수 있으므로 버전 4로 업그레이드하는 것이 좋습니다. initSelect()