我有两个大形式的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却很陌生。

#1楼 票数:0

我不是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
    });

  ask by jthompson333 translate from so

未解决问题?本站智能推荐:

1回复

如何解决此jQuery /咖啡代码的jquery-ui自动完成功能?

嗨,我有类似jquery-ui 1.11的代码: 如果我执行console.log $.map(data, (v, i)...我在Firebug控制台窗口中得到以下输出: [Object {label="someX", value="someY"}, Object....] 如何修
1回复

何时使用jQuery-ui自动完成功能?

我需要创建一个使用db条目自动完成用户输入的值的输入字段(可接受的是仅存在于db中的值)。 谁能解释我通过使用jQuery,mysql和javascript进行如上所述的事情时,jQuery-ui自动完成的好处是什么? (我正在使用mysql%LIKE%搜索相似的单词。)
1回复

使用jQuery-UI自动完成功能选择选项时设置多个输入的值

大家好,我是Java脚本的新手。 所以我希望你能帮助我。 当用户将数据设置到城市字段中时,我想自动在国家/地区字段中设置数据。 我有一个xml文件: 在html文档中,我有两个输入字段 这是我的js代码: 我不知道如何自动将数据设置到国家/地区字段。谢谢。
1回复

如何通过jQuery-UI自动完成功能从GeoJSON中选择坐标?

我正在尝试创建一个简单的地址解析器,该服务将名称或地址转换为坐标。 我有一个简单的GeoJSON文件,就像这样: 整个文件可以在这里找到。 我正在使用jQuery-UI提供具有自动完成功能的输入表单,但是它应该仅搜索每个功能的名称,即,当我键入“ Golm”时,它将显示名称中带有“
3回复

jquery-ui自动完成功能未在输入时选择

我已经使用jquery-ui自动完成输入框并从所选项目中设置隐藏值。 我这样做了 选项(现在可能有问题,手头没有代码,但是直到我的问题......) 当用鼠标从菜单中选择一个项目时它可以工作,但是如果我只是输入一些文本并选择一个带有回车的项目 - 它什么都不做,就好像自动完成
2回复

在其他jQuery-ui自动完成功能中使用jQuery-ui自动完成变量

如何在进一步的jQuery-ui自动完成功能中使用从jQuery-ui自动完成功能中选择的项目? 例如对于此HTML: 我使用以下自动完成功能与JSON端点来提供数据。 然后,在第二个自动完成功能中,我要从第一个自动完成功能中获取选定的值,并使用它来构建URL字符串,以供第
1回复

在使用远程源中的类别时,如何在按Enter键时提交JQuery-UI自动完成功能?

我正在从jqueryui网站使用以下样板代码: http : //jqueryui.com/autocomplete/#categories http://jqueryui.com/autocomplete/#remote 但是,即使用户只是按Enter,我如何获得输入触发器“选择”呢?
1回复

jQuery:如何在焦点上调用自动完成功能?

我有一个自动完成功能,可以很好地工作,但是现在我正在尝试做的是将自动完成功能称为onfocus,我试过但不起作用。 下面是我的代码: 我如何在文本框焦点上调用上述自动完成功能? 当我单击文本框时出现错误 请指导