지정된 길이의 입력 텍스트에서 데이터베이스베이스의 선택 상자를 동적으로 채 웁니다.

Question

입력 텍스트 값에 html 선택 기준을 동적으로 채울 수 있어야합니다. 텍스트 상자 값이 8 자 이상이면 자동으로 트리거되어야합니다. 사용자는 채워진 값을보기 위해 탭하거나 클릭 할 필요가 없습니다. 여기에 내가 지금까지 무엇을 가지고 있지만 이것은 텍스트 상자가 포커스를 잃을 때만 발동합니다.

//Html code 
<input id=InputText name=InputText onblur="populateListBox();" onchange="CheckInputLength();" onkeydown="CheckInputLength();" value="" onfocus="this.select();"> 

// 자바 스크립트 코드

function CheckInputLength() 
{ 
    if($("#InputText").val().length >= 8) 
     populateListBox(); 
} 

function populateListBox() 
{ 
      $.get("???", function(data) { 
       $('#listBox').children().remove(); 
       var options = data; 

       $("#listBox").append(options); 
       $("#listBox").html(data); 

      }); 

} 

Answer 1

$('#InputText').keypress(function (event) { 
    var $inputText = $(this); 
    // Before keypress. 
    setTimeout(function() { 
     // After keypress. 
     if ($inputText.val().length >= 8) { populateListBox(); } 
    }, 0); 
}); 

Answer 2

나는 그것이 당신이 찾고있는 모든 기능과 플러스 일부가 같은 소리 선택 2 체크 아웃 할

: WOW http://ivaynberg.github.com/select2/

$("#InputText").select2({ 
    minimumInputLength: 8, 
    ajax: { 
    url: "???", 
    // your other options 
    } 
});