Jquery가 선택한 동적 설정 값 예제 Introduction_jquery

Jquery가 선택한 주소: https://github.com/harvesthq/chosen
검색과 다중 선택을 지원하지만 입력을 지원하지 않는 선택 플러그인입니다.

꼭 사용하겠습니다 아, 그렇지 않으면 내려다 볼 의미가 없습니다
갑자기 지방 및 도시 선택에서 사용하면 다음과 같은 문제가 발견되었습니다.
1, 값을 동적으로 설정할 수 없습니다
2 , 선택 항목을 동적으로 설정할 수 없습니다
보세요 API를 여러 번 검색한 후 Mi는 직접 호출할 수 있는 메서드를 찾았습니다. 소스코드를 보면 아래와 같이 초기화 과정에서 판정이 있다는 것을 알 수 밖에 없습니다.

destroy가 있으면 ("#city).chosen( "destroy"); 그게 전부입니다. 디버깅하기 전에 생성된 DOM을 제거하려고 시도했지만 제거할 수 없는 것으로 나타났습니다.
먼저 첫 번째 문제를 해결하세요

코드를 복사하세요. 다음과 같습니다:

$("#province").change(function(){
$( "#city").html( "");
$("#city").chosen("destroy")
$("-all- ").appendTo("#city");
$.getJSON("${ctx}/api/getCityByProvinceJson.jsp",{
province:$("#province"). val()
}, function(data){

$.each(data,function(i){
$("" data[i] .city "").appendTo("#city");
});
$("#city").attr("multiple", true)

$("#city").chosen({
no_results_text : "이 옵션을 찾을 수 없습니다!",
width: "70%"
}); 🎜>})
} );
$("#city").chosen({
no_results_text : "이 옵션을 찾을 수 없습니다!",
width: "70%"
});

이렇게 하면 동적으로 값을 설정할 수 있습니다. 코드가 약간 반복적이라고 느껴지지만 아직 더 나은 방법을 찾지 못했습니다.
두 번째.
사용 방법은 위와 유사합니다. 먼저 선택 값을 설정한 다음 드롭다운 상자를 초기화합니다. 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

"#city").val("상하이");
$("#city").chosen({
no_results_text : "이 옵션을 찾을 수 없습니다!",
width:"70%"
});

이 방법으로 선택한 항목을 동적으로 설정할 수 있습니다.