2009-12-01 3 views
8
http://community.sciencecareers.org/mt-static/plugins/CommunityPlus/js/autocomplete/demo/

http://community.sciencecareers.org/mt-static/plugins/CommunityPlus/js/autocomplete/ jQuery의 자동 완성 플러그인은 페이지로드시 드롭 다운 목록을 어떻게 표시합니까?

프로그래밍 자동 완성 목록 결과의 표시를 실행하려고. 이것은 사용자 입력을 기다리는 대신에.

이 것이 가능합니까? (요소의 포커스를 얻으려고 시도했는데, 아래쪽 화살표 키 이벤트를 호출했습니다. 주사위 없음)

+0

Erm, 왜 이런 식으로 하시겠습니까? 사용자는 목록을보고 무엇을 입력하기 전에 선택할지 결정할 수 있습니까? –

+0

jquery UI에는 특정 의미가 있습니다. http://jqueryui.com/ - 태그를 제거 할 수 있다고 생각합니다. – artlung

+0

o.k.w : 예, 다시 : "사용자가 무엇을 입력하기 전에 무엇을 선택할지 결정할 수있는 목록을 볼 수 있습니까?" –

답변

7

jQuery 1.3 이상의 버전을 사용하는 경우에만 jQuery.Event 개체를 만들 수 있습니다. trigger()입니다. 요소가 집중된 경우에만 작동하도록 할 수있었습니다. 따라서이 코드는 전자 메일 (로컬) : "예 : the demo page에 적용됩니다. 나는 당신의 상황이 정확히 무엇인지 확실하지 않다

var e = jQuery.Event("keydown"); 
e.which = 40; 
$('#suggest13').trigger('focus').attr('value',' ').trigger(e); 

, 나는 그것이 단지 공간을 누르면 자동 완성이 실제로 뭔가 게재에 다소 의존 생각합니다. 항상 그런 것은 아닙니다.

+0

그래, 나는 이미 그것을 보았다. 모두 고마워! 불행히도 당분간 jQuery 1.2.6이 붙어 있습니다. –

5
$("#mainCombo_input").trigger('keydown.autocomplete'); will open the autocomplete div and also to display the dropdown. 

그리고 당신은이에 대한

$("#mainCombo_input").val("Item1");  
$("#mainCombo_input").trigger('keydown.autocomplete'); to open div with on 
+0

이것은 처음 버튼을 클릭했을 때만 작동하는 것으로 보입니다. – Josh

+0

첫 번째 옵션 인'keydown.autocomplete'가 완벽하게 작동했습니다! – eidylon

5

무엇을 사용할 수 있습니까? $("#autocompleteid").autocomplete("search")

+1

'search '를 호출하면 값을 선택할 때 닫히지 않는 자동 완성 드롭 다운이 표시됩니다. – eidylon

+0

여기 이벤트를 기반으로합니다 : http://jqueryui.com/demos/autocomplete/#events. 귀하의 행동이 제 코드 또는 귀하의 코드에 의해 야기 된 것인지, 모든면에서 링크를 살펴보십시오. 나는 선택과 닫기 기능을 결합 할 수 있다고 생각한다. – simPod

+0

좋은 대답 친구, 감사합니다! :) –

0

documentation 당 검색을 트리거 할 수 있습니다 (다른 답변에서도 언급 됨). 귀하의 사례가 페이지로드 중이며 입력 필드에 데이터가 없을 수 있으므로 빈 검색을 실행하려면 먼저 minLength를 변경해야합니다.

$yourInputField.autocomplete('option', 'minLength', 0); 
$yourInputField.autocomplete('search', ""); 
관련 문제