Jquery自动完成键按下显示标签名称而不是值
Jquery Autocomplete key press down display label name rather than value?
是否有办法强制jQueryUI自动完成显示数据标签而不是数据值:
例如[{"标签":"名字","价值":"1"},{"标签":"name3"、"价值":"6"},{"标签":"name1"、"价值":"8"},{"标签":"name2"、"价值":"10"}]
$( ".auto-search" ).autocomplete({
minLength: 2,
dataType: 'json',
source: tempJson,
focus: function(event, ui){
$('input[name="user-name"]').val(ui.item.label);
},
select: function (event,ui){
$('input[name="user-name"]').val(ui.item.label);
$('input[name="user-id"]').val(ui.item.value);
return false;
}
})
上面的代码,当您按下向下按钮时,显示值而不是标签。可以改成显示标签吗?
确保return false
或阻止focus
事件处理程序对事件的默认操作:
focus: function(event, ui){
event.preventDefault();
$('input[name="user-name"]').val(ui.item.label);
},
回调函数对我不起作用。所以我使用绑定事件autocompletefocus
,工作得很好。
$('input[name="user-name"]').on("autocompletefocus", function (event, ui) {
event.preventDefault();
$(this).val(ui.item.label);
});
相关文章:
- HTML5在提交并显示所需标签后显示隐藏的表单元素
- Jquery浮动图表标签未显示
- 当用户单击保存按钮时,标签会显示一条消息
- 如何在标题标签上显示 JS 变量
- <img>标签未显示图像
- 使用Javascript在模态内部的标签上显示错误消息不起作用
- 输入标签从不显示非数字单词的面
- 在
标签内显示产品名称
- jQuery跨标签突出显示元素中的文本片段
- 我的警告标签未显示在无效输入上
- 在高图表的 tspan 标签内显示图像
- 标记标签未显示 - 谷歌地图
- 如何在段落标签中显示隐藏字段值
- 推特分享 - 标签不显示
- 安卓:在 img 标签中显示捕获的图像
- Bacbkone.js渲染中的标签名类名
- Dojo 单选按钮标签未显示
- 选项标签:如何显示多个类
- D3 条形图 - 为什么标签不显示
- 获取选择标签的显示值