JQuery选择填充

时间:2013-05-13 08:18:30

标签: ajax jquery jquery-autocomplete autofill

我必须使用我的HTML

上的项目

输入文字(公司)字段和选择(Company_List)

当用户在文本字段中键入时,我希望jQuery使用/ Home / SearchSynonym /获取名称并在select中显示(SearchSynonym采用值用户类型并进行通配符搜索并返回ID和NAME)

可以帮助一下,我是新的jQuery

了Leb

2 个答案:

答案 0 :(得分:1)

您需要澄清SearchSynonym以哪种格式返回ID和NAME?它是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);
    });
});    

如果您的“公司”文本字段在标记声明中带有id =“company”,那么这将有效,您的“Company_List”下拉列表在标记声明中带有id =“Company_List”,并且您的服务器端收到参数“query “为了拉扯记录。

答案 1 :(得分:1)

您可以使用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秒。