Fatal编程技术网
  • jquery/
  • jqueryui使用类别自动完成，输入格式错误

jqueryui使用类别自动完成，输入格式错误

jquery html jquery-ui autocomplete

jqueryui使用类别自动完成，输入格式错误,jquery,html,jquery-ui,autocomplete,Jquery,Html,Jquery Ui,Autocomplete,我有一个带有自动完成小部件的表单页面，自动完成小部件的分类如下 因为我使用了jQueryUI1.8.12，所以我更改了。\u renderItemData（ul，item）用于该项目 我还需要传递元素的Id，没有名称，我更改 { label: "annttop C13", category: "Products" }, 到 当在“自动完成”中键入字母时，似乎工作正常，但在我选择元素时，输入更改为id，例如： 我选择了many，Cat:foodinputboxshow24而不是many 我能做到

我有一个带有自动完成小部件的表单页面，自动完成小部件的分类如下

因为我使用了jQueryUI1.8.12，所以我更改了
。\u renderItemData（ul，item）用于<代码>该项目

我还需要传递元素的
Id
，没有名称，我更改


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


到

当在“自动完成”中键入字母时，似乎工作正常，但在我选择元素时，输入更改为
id
，例如：

我选择了
many，Cat:food
inputboxshow
24
而不是
many

我能做到吗？
就像上面说的：

标签特性将显示在“建议”菜单中。当用户选择项目时，该值将插入到输入元素中

这正是它所做的。它在输入元素中插入值，该元素是您的
id
字段

如果您需要在选择时返回
id
字段，则需要使用以下命令将其捕获到另一个字段中：


如果需要，表单上的字段可以是
type=“hidden”
。
select
方法不起作用，我有相同的行为，输入had
id
而不是
label
，我更改
$（“#id表单字段”）.val（ui.item.id）
by
$（'#id表单字段'）.val（ui.item.label）
@user3100840
$（“#id表单字段”）
是表单上的表单字段。将
ui.item
转储到控制台，并查看select上的内容<代码>控制台日志（ui.item）

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



{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);
        }
    });