我试图为文本框实现自动完成组件。即时通讯使用jquery ui自动完成插件,它有点像一个下拉列表而不是自动完成的东西。关于JQuery UI自动完成和文本框建议。
我见过的工作,当用户正在写像的例子,它显示了以下一些选项,而且还写了第一个选项的补充选择为“HTML占位符”,所以它看起来像:
|“IM SEARCHING SOMET_”堆栈溢出 |
(我知道你的想法)
我需要引导用户对他的写作,并迫使他选择的是我提出(与JSON或东西)的项目之一,像真正的汽车 - “完成”他正在写的东西。我想在该插件上使用“selectFirst”属性。它似乎没有像它那样。那么,你们建议什么?
我在想像在插件的“open”事件上写一些代码,但是Idk从哪里开始。也许在那里已经有了一些东西,所以我不必像这样浪费一周的时间。
我的代码已经是这样的:提前
$(".destination").autocomplete({
minLength: 2,
autoFocus: true, open: function(event, ui){ /* DO THE MAGIC HERE */ },
source: function (request, response) {
$.ajax({
url: "@Url.Action("SearchDestinations", "Json")", type: "POST", dataType: "json",
data: { term: request.term },
success: function (data) {
response($.map(data, function(item){
return { label: item.Description, value: item.Description, id: item.Id };
}));
}
})
}
});
感谢(和抱歉,如果这太noobish)!
不确定第一选择总是最好的。但应用程序的本质是必须做出选择, – 2012-02-13 13:47:06
如果您不能保证第一选择是最好的,那么听起来您不应该设置应用程序来自动为用户选择一个选项。此外,如果您的问题是您需要确保进行选择,则应该为表单添加有用的字段验证,以确保用户选择一个选项,而不是强制选择用户。 – Derek 2012-02-13 15:37:42