ajax - JQuery Select Populate

Question

私は自分のhtmlにアイテムを持っている必要があります

入力テキスト (会社) フィールドと選択 (Company_List)

ユーザーがテキスト フィールドに入力すると、jQuery で /Home/SearchSynonym/ を使用して名前を取得し、select に表示する必要があります (SearchSynonym はユーザーが入力した値を取得し、ワイルドカード検索を実行して ID と NAME を返します)。

誰か助けてくれませんか、新しい ti jQuery です

レブ

Answer 1

SearchSynonym が ID と名前を返す形式を明確にする必要がありますか? それはJSONにありますか？JSON の場合は、次のことを試してください。

var companyList = $("#Company_List");

$("#company").change( function(){
    $.getJSON("/Home/SearchSynonym/",{ query: $(this).val() }, function(response){
        var responseList = "";
        $.each(result, function(index, item){
            responseList += "<option value='" + item.id + "'>" + item.name + "</option>";
        });
        companyList.html(responseList);
    });
});    

これは、「company」テキスト フィールドにタグ宣言で id="company" が含まれ、「Company_List」ドロップダウンにタグ宣言で id="Company_List" が含まれ、サーバー エンドがプル用のパラメーター「query」を受け取る場合に機能します。記録。

Answer 2

setTimeout を使用できます。これを試して：

var companyList = $("#Company_List");

$("#company").change( function(){
    setTimeout( function() {
        $.getJSON("/Home/SearchSynonym/",{ query: $(this).val() }, function(response){
            var responseList = "";
            $.each(result, function(index, item){
                responseList += "<option value='" + item.id + "'>" + item.name + "</option>";
            });
            companyList.html(responseList);
        });
    }, 2000);    
});

2000 という値は、2 秒の遅延を示します。