如何在Jquery UI自动完成功能的选择功能中不重复代码

Question

我有两个大形式的jquery ui自动完成框（可能有40个或更多字段）。 用户可以使用两个不同的自动完成框（按名称或帐号）搜索两种方式。 当用户选择搜索结果时，我将在表单上填充其他字段。 但是，我想知道是否有一种更清洁的方法。

目前，这就是我所拥有的。

    $( "#search-by-custname" ).autocomplete({
    source: "cust_search_by_name.php",
    minLength: 4,
    select: function(event, ui){
        $('#Custid').val(ui.item.Custid);
        $('#Alpha1').val(ui.item.Alpha1);
        $('#CustName').val(ui.item.CustName);
    }
    });
    $( "#search-by-custalpha1" ).autocomplete({
    source: "cust_search_by_alpha1.php",
    minLength: 4,
    select: function(event, ui){
        $('#Custid').val(ui.item.Custid);
        $('#Alpha1').val(ui.item.Alpha1);
        $('#CustName').val(ui.item.CustName);
    }
    });

php文件正在从远程数据源获取数据，并且一切正常。

问题是，如果我在每个自动完成框内两次引用所有这些字段，那将是很多行代码……我想知道是否有一种更干净的方式来做到这一点。

我一直在写自己的函数，但是对JavaScript和jquery却很陌生。

Answer 1

我不是100％肯定会奏效，但我看不出为什么不会。

    var selectFunc = function(event, ui){
        $('#Custid').val(ui.item.Custid);
        $('#Alpha1').val(ui.item.Alpha1);
        $('#CustName').val(ui.item.CustName);
    };

    $( "#search-by-custname" ).autocomplete({
    source: "cust_search_by_name.php",
    minLength: 4,
    select: selectFunc
    });
    $( "#search-by-custalpha1" ).autocomplete({
    source: "cust_search_by_alpha1.php",
    minLength: 4,
    select: selectFunc
    });