我正在开发一个表单,并使用 jQuery UI 自动完成功能。当用户选择一个选项时,我希望选择弹出到附加到父项的范围内 <p>
标签。然后我希望该字段被清除而不是被选择填充。
我的跨度看起来很好,但我无法清除该字段。
如何取消 jQuery UI 自动完成的默认选择操作?
这是我的代码:
var availableTags = ["cheese", "milk", "dairy", "meat", "vegetables", "fruit", "grains"];
$("[id^=item-tag-]").autocomplete({
source: availableTags,
select: function(){
var newTag = $(this).val();
$(this).val("");
$(this).parent().append("<span>" + newTag + "<a href=\"#\">[x]</a> </span>");
}
});
简单地做 $(this).val("");
不起作用。令人抓狂的是,如果我忽略自动完成功能,几乎所有的功能都能正常工作,并且只在用户键入逗号时采取行动:
$('[id^=item-tag-]').keyup(function(e) {
if(e.keyCode == 188) {
var newTag = $(this).val().slice(0,-1);
$(this).val('');
$(this).parent().append("<span>" + newTag + "<a href=\"#\">[x]</a> </span>");
}
});
真正的最终结果是让自动完成功能与多项选择一起使用。如果有人对此有任何建议,我们将不胜感激。
最佳答案
添加$(this).val('');返回假;
到 select
函数的末尾以清除字段并取消事件:)
这将阻止更新值。你可以看到它是如何工作的around line 109 here .
其中的代码专门检查是否为 false:
if ( false !== self._trigger( "select", event, { item: item } ) ) {
self.element.val( item.value );
}
关于jquery - 选择 jQuery UI 自动完成后清除表单字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2561903/