0

入力テキスト値に基づいて HTML 選択ベースを動的に設定できるようにする必要があります。これは、テキスト ボックスの値が 8 文字以上になると自動的にトリガーされる必要があります。ユーザーは、移入された値を表示するためにタブまたはクリックする必要はありません。これは私がこれまでに持っているものですが、これはテキストボックスがフォーカスを失ったときにのみ発火します.

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

//Javascript コード

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 );

            });

}
4

2 に答える 2

0 
$('#InputText').keypress(function (event) {
    var $inputText = $(this);
    // Before keypress.
    setTimeout(function () {
        // After keypress.
        if ($inputText.val().length >= 8) { populateListBox(); }
    }, 0);
});
于 2012-06-08T20:00:18.683 に答える
0

あなたが探しているすべての機能といくつかの機能を備えているように聞こえるSelect2をチェックアウトします：http://ivaynberg.github.com/select2/

$("#InputText").select2({
  minimumInputLength: 8,
  ajax: {
    url: "???",
    // your other options
  }
});
于 2012-06-08T19:58:21.460 に答える