jqueryui自动完成与类别,坏形成输入

时间:2014-01-09 23:07:32

标签: jquery html jquery-ui autocomplete

我有一个包含自动填充小部件的表单的页面,自动填充的分类符合Documentation

因为我使用jquery ui 1.8.12我改为that._renderItemData( ul, item );的{​​{1}}

我还需要传递that._renderItem( ul, item );元素,没有名字,我改变

Id

{ label: "annttop C13", category: "Products" },

当在自动填充中键入字母时,似乎效果正常,但不是,当我选择元素输入更改为{value:someIdNumeric, label: "annttop C13", category: "Products" }, 时,例如:

我选择id输入框显示many, Cat: food而不是24

我可以做什么?

1 个答案:

答案 0 :(得分:1)

就像documentation说的那样:

  

标签属性显示在建议菜单中。当用户选择项目时,该值将被插入到input元素中。

这正是它正在做的事情。它将值插入到您的id字段的输入元素中。

如果您在选择时需要返回id字段,则需要使用select event将其捕获到另一个字段中:

{id:someIdNumeric, label: "annttop C13", category: "Products" },

$("#your-autocomplete-field").autocomplete({
    source: "your-remote-page.php",
    minLength: 2,
    select: function(event, ui) {
        $('#id-form-field').val(ui.item.id);
        }
    });

如果需要,表单上的字段可以是type="hidden"