我以一种相对简单的方式使用jQuery的自动完成:
$(document).ready(function() {
var data = [ {text: "Choice 1"},
{text: "Choice 2"},
{text: "Choice 3"} ]
$("#example").autocomplete(data, {
matchContains: true,
minChars: 0,
formatItem: function(item)
{ return item.text; }
}
);
});
Run Code Online (Sandbox Code Playgroud)
如何添加一个onclick事件(如按钮或链接),它将显示自动完成的所有可用选项?基本上我正在寻找自动完成和选择/下拉元素的混合.
谢谢!
我正在建立新网站,我需要一个下拉菜单来选择我网站中的内容.但与此同时,我需要这个下拉列表来接受文本.因此,如果客户想要从下拉列表中选择,那么他也可以,如果客户想要通过文本输入金额,那么他也可以.正如你所看到的,我想让它成为双重的.
例如:假设有一个amount下拉菜单,其元素为(1,2,3);
现在假设客户端需要的金额为5 - 这是他的权利 - 它在下拉列表中不存在,因此客户现在必须以文本方式输入金额.因此,对于任何条目,客户必须从下拉列表中选择或以文本方式输入金额.
我的问题的描述,我向大家介绍过的简单例子后,这里是我的问题:
是否有HTML代码可以将下拉菜单和文本字段合二为一,而不是分开?
我使用这个插件.
当获得焦点时,如何显示输入字段下拉列表中的所有可用选项?现在,我必须为插件键入一些内容来过滤选项.
我现在有什么
var $sessionTimes = "00:00 00:15 00:30 00:45 1:00 1:15".split(" ");
$(".autocompleteTime").autocomplete($sessionTimes);
<input type="text" class="autocompleteTime" size="5" />
Run Code Online (Sandbox Code Playgroud) 我有一个带有自动完成功能的表单,可以启动搜索"onfocus"并在用户点击搜索字段时显示选项列表,即使他们没有输入任何内容.
问题是自动完成需要使用键盘选择选项(向下箭头后跟制表符/返回或双击).我的第一个想法是,单击会使焦点保留在搜索字段中,因此自动完成保持可见.但是,第二次单击后搜索字段仍保持聚焦,但第二次单击后自动完成消失.
有任何想法吗?
<script>
$(document).ready(function() {
var autocomplete_focus = function(){
if ($(this).val().length == 0) {
$(this).autocomplete("search", "%");
}
}
$( ".autocomplete" ).autocomplete({
source: "../../db/autocomplete_list.php",
minLength: 0
});
$( ".autocomplete" ).focus(autocomplete_focus);
});
</script>
Run Code Online (Sandbox Code Playgroud)
我意识到之前已经发布了类似的问题 ; 但是,建议的解决方案对我不起作用.