jQuery/ajax : 콤보 상자의 초기 값을 설정 한 다음 다른 값의 드롭 다운 목록을 갖고 싶습니다. 어떻게해야합니까?

Question

콤보 상자를 가지고 초기 값을 설정하고 싶습니다. 그러나 나는 여전히 사용자가 초기 값과 다른 옵션의 드롭 다운 목록을보기 위해 클릭 할 수 있기를 원한다.

대중 교통 수단의 방향은 Google Maps입니다. 맨 오른쪽 콤보 상자에서 현재 값이 초기 값으로 설정되어 있음을 볼 수 있습니다. 그러나 사용자는 여전히 화살표를 클릭하고 초기 값과 다른 값의 드롭 다운 목록을 볼 수 있습니다.

나는 FlexBox을 보았지만 초기 값을 설정할 때마다 해당 초기 값만 드롭 다운 목록에 나타납니다. 이 demo #7에서 확인할 수 있습니다.

내가 원하는 것을하기 위해 FlexBox를 구성 할 수있는 방법이 있습니까? 아니면 사용할 수있는 다른 콤보 상자가 있습니까? Google은 Google지도 콤보 상자에서 무엇을 사용합니까?

감사합니다.

Answer 1

나는 giva labs을 사용하지 않았지만 좋은 옵션처럼 보입니다. 희망 하시겠습니까?

Answer 2

자동 완성기를 찾으십니까? jQuery 자동 완성 기능의 이러한 향미는 당신이 찾고있는 것 같다. 수정은 매우 간단하지만

http://jqueryui.com/demos/autocomplete/#combobox

Answer 3

인 flexbox는 기본적으로이 기능을 지원하지 않습니다.

initialValue 설정이 디스플레이를 재정의한다는 것이 문제입니다.

Line 63: 
Add: 
     if (o.initialValueNoDisplay != '') $hdn.val(o.initialValueNoDisplay); 
After: 
     .appendTo($div); 


Line 832 (833): 
Add: 
     initialValueNoDisplay: '', 
After: 
     initialValue: '', 

는 그냥 initialValueNoDisplay보다는로 초기와 같은 값을 설정 :

다음은 인 flexbox의 비 분 버전, 버전 0.9.6.1을위한 것입니다. MVC3/면도기로 테스트 한 결과 제대로 작동하는 것 같습니다.