jQuery 자동 완성 콤보 박스로 값을 선택하는 방법

Question

우리는 프로젝트에 autocomplete combobox을 사용하고 있고 api 호출에서 추가 된 옵션으로 선택 목록을 정의합니다. 내가 선택한 속성을 추가하는 '모두'의 첫 번째 옵션을 추가하는 중이지만 콤보 상자는이 항목을 선택하지 않고로드 된 후에 '전체'표시를 표시하지 않습니다. 나는 그것이 결합 된 후에도 'All'값으로 콤보 박스의 값을 설정하려했지만 거기에는 기쁨이 없었습니다. 어떻게 기본값을 선택할 수 있습니까?

Answer 1

나는 일반적인 방법으로 선택으로 당신은 단지 <option> 요소 중 하나를 설정할 수 있어야한다고 생각합니다 :

<option value="x" selected="selected">Stuff</option> 

당신은 <select>에 콤보 상자를 바인딩하기 전에이 작업을 수행해야합니다. 당신이 콤보의 소스를 보면,이 나타납니다 :

var self = this, 
    select = this.element.hide(), 
    selected = select.children(":selected"), 
    value = selected.val() ? selected.text() : ""; 

var input = this.input = $("<input>") 
       .insertAfter(select) 
       .val(value) 
       /* ... */ 

이 선택한 어린이를 검색하고 대체 빈 문자열로 무엇을 발견에 텍스트 입력의 값을 설정합니다. <select> 요소가 사용하는 기본 "select the first item"은 여기에 사용되지 않지만 <option>을 명시 적으로 표시해야하거나 :selected selector가 선택되지 않습니다.