如何关闭自动完成功能,同时继续使用html中的datalist元素
i有一个input字段,该字段使用html5 元素显示列表.问题在于,使用浏览器自动完成还显示了历史记录列表(这是先前键入的值的列表,而中未包含在中).所以我只想摆脱history-list而不是. 如果我使用autocomplete = "off"功能,这也会阻止. 简而言之,我只想要而不是历史记录. 解决方案 您是否有可能在没有name或name属性的情况下使用input字段?没有这些,浏览器实际上没有任何方法可以将历史记录与该元素关联. 在我的真正的快速在Firefox上测试,这似乎可以解决: With id: With name
4 2024-04-04
编程技术问答社区
用HTML数据列表按内部文本进行搜索
我正在使用一个简单的HTML5数据库,该数据师用作Chrome浏览器上的自动完整列表.我使用的数据师是这样的: Oranges Apples Bananas 这是一个问题是,当我开始键入一个值时,搜索是在 value 上进行的,而不是在文本上进行.还向用户显示该值. 基本上,我想做的是: 1)通过内部文本搜索 2)仅在用户查看下拉列表的选项时显示内部文本. 我进行了一些Google搜索,但找不到这个非常简单的任务的答案... 解决方案 我建议您研究typeahead.js.您可以阅读在这里.对于这种事情,这是一个非常有用的库. 查看网站,您要做的就是以下要做:
6 2024-03-20
编程技术问答社区
使用HTML5(数据列表)自动完成与'包含'方法,而不仅仅是'开始与'。
(我找不到它,但是我真的不知道如何搜索它.) 我想使用和获得自动完成,但是我希望浏览器匹配"包含"方法的所有选项,而不是"开始",这似乎是标准的.有办法吗? 如果不是简单的话,是否有一种方法可以强制我想显示的建议,而不是浏览器匹配的建议?假设我要打字" foo",我想显示选项" bar"和" baz".我可以将它们强加给用户吗?如果我只是用这些(带JS)填充数据师,则浏览器仍将使用"启动"进行检查,然后将其过滤掉. 我希望对数据库选项的显示方式进行最终控制.不超过其UI,灵活性,可访问性等,因此我不想完全重新重新制作它.甚至不要建议使用jQuery插件. 如果我可以终极控制元素验证,为什么不自动完成,对? 编辑:我现在看到Firefox确实使用了"包含"方法...这甚至不是标准?有什么办法强制这一点?我可以改变Firefox的方式吗? 编辑:我做了这一点,以说明我想要什么: http:/
8 2024-03-20
编程技术问答社区
在javascript中从数组中获取Html数据列表值
我有一个简单的程序,它必须从服务器上的文本文件中获取值,然后将数据库作为输入文本字段中的选择填充. 为此,我要采取的第一步是我想知道如何动态地将JavaScript数组用作DataList选项. 我的代码是: var mycars = new Array(); mycars[0]='Herr'; mycars[1]='Frau'; 我想填充包含数据库作为数组的建议的输入文本字段.另外,我还没有考虑到数组值.实际上,我不需要两个数据库选项,而需要一个任意号码(取决于数组长度). 解决方案 我不确定我是否清
12 2024-03-05
编程技术问答社区
动态HTML5数据列表
因此,我有一些问题,让我的HTML5数据库从JavaScript数组中动态填充,该javascript数组是从MySQL数据库中通过行填充的对象的键值填充的. ph! mySQL数据库=>表=> rows => json => javascript对象=>" firstName"&" lastName" key => friend name => dataList options的数组. 我成功创建了名称数组: var nameArray = ["Rick Bross","Madison Smith","Jack Johnson"]; //Example of my array 并设置一个循环以将其申请到数据师: for (var i = 0; i
8 2024-03-02
编程技术问答社区
html数据列表不支持ng | options:如何传递对象
我正在开发移动角 - UI(Angular+Bootstrap)中的应用程序. 在我的登录页面中,用户可以记住他们的凭据(用户名和密码).用户的数据ARA保存在LocalStorage中. 正常工作.我可以使用Datalist: 将用户加载到我的登录页面中 Username
6 2024-02-24
编程技术问答社区
如何使用Angularjs ng-click与html5 datalist?
我正在使用AngularJS,并且当选择数据函数(HTML5)时,我想使用指令ng-click. 这是我实际代码的示例: Search 它不起作用,永远不要执行JS方法. 解决方案 ng-click在使用数据列表时似乎没有触发单击事件(也没有任何关键事件),因此无法使用数据库选项. 您必须在函数input上使用您的ng-chang
14 2024-02-23
编程技术问答社区
如何使用Ajax和HTML结构来呼应自动完成选项?
我想创建一个自动填充搜索框.它得到了一个JSON,并将其发送到 s的HTML5 . 它可以正常工作,但不能在值中使用空格!因此,它只是返回第一个单词.例如,如果jresults.name是"让我们走的" - 我只会得到"让我们". 这样做的最好方法是什么? 此部分:$( "#prod_name_list" ).children().remove();防止我从列表中选择选项.因为当我"键入"时,它会删除其中的所有内容,因此我需要其他解决方案. 第二部分是在提交我想获得对象的ID的表格之后. (jresults.id),我不确定如何通过提交检索. 我的代码: JS部分: $("#prod_name").bind("keyup", function(e) { if (e.which = 48){ $( "#
8 2024-01-21
编程技术问答社区
如何使用JavaScript刷新HTML5数据列表?
我会动态地将选项加载到HTML5 datalist元素中.但是,浏览器试图在加载选项之前显示datalist.这将导致列表未显示或有时显示部分列表.一旦加载选项,有什么方法可以通过JavaScript刷新列表? html javascript $("#ingredient").on("keyup", function(event) { var value = $(this).val(); $.ajax({ url: "/api/ingredients", data: {search: value.length > 0 ? value + "*" : ""}, success: function(ingredients)
20 2024-01-20
编程技术问答社区
当建议者名单很大时,html5数据列表不会下拉。
我使用Datalist向特定文本输入建议选择数据,但是当数据数据师的大小太大时(我还不知道正确的数字,但是很确定大小何时大于40会发生). 我使用数据师如下 这里显示何时大小不是"太大",当单击"下箭头按钮"时,数据列表可以下拉. 但是,当数据数据师"太大"(在此示例中,实际数字为42),当单击"下箭头按钮"时,它不会下拉列表.
12 2024-01-17
编程技术问答社区
在文本框的点击事件中触发数据列表选项
如何在单击其相应的文本框时显示或触发数据库选项? 我有一个带有选项的数据师.10.在Chrome中,显示了一个下拉图标,允许用户知道它具有下拉列表.但是在Firefox中,图标不可用.因此,用户可能不知道这是一个下拉列表,只是一个文本框.因此,我想单击该文本框,显示DataList选项.任何帮助. 解决方案 也许是一个解决方案( input::-webkit-calendar-picker-indicator { display: none;/*remove default arrow in Chrome*/ } .required:after { content: url(http://s25.postimg.org/6k40u5hcr/arrow.png); margin-left: -20px; padding: .1em;
10 2024-01-16
编程技术问答社区
基于数据列表选项链接到其他页面
现在,我有一个具有一些选项的数据师,当选择其中一个时,我想链接到另一个页面. 以下是我的第一次尝试,其中我尝试直接添加一个超级链接到选项标签.但这似乎不起作用. a b c 然后,我还尝试指定每个选项的oncli
8 2024-01-15
编程技术问答社区
从数据列表中选择项目时触发事件,而不是在打字时触发。
我有这样的形式: first second 用户可以从数据师-or-中选择一个项目,可以在其自己的值中输入.我通过JSON调用与PHP脚本连接到数据库,以填写其余表单中的其他信息.当用户在列表输入中键入名称时(因此,当内容被模糊)或用户单击DataList中的选项时,我希望此触发. . 使用$( ':input#list' ).on( 'change', function...输入丢失焦点时会触发该函数,但是当选择数据列表的项目时,它也会等到输入失去焦点,我希望该事件直接发射 使用$( ':input#list' ).on( 'input', function...单击数据库中的项目,这是我想要的函数,这是我想要的,但是键入也会触发事件,每次击键
4 2024-01-15
编程技术问答社区
从datalist onhover获取当前值
我正在尝试获取数据师盘旋元素的当前值.因此,如果我打开带有值的数据师,然后将鼠标移到它们上,我希望这些值出现在控制台中. 这是我的尝试: $("#browsers").on("mouseover", function() { console.log($(this).value()); }); 这是一个小提琴: https://jsfiddle.net/sshcvr5q/ 解决方案 我不确定这是可能的.数据列表选项,虽
8 2024-01-14
编程技术问答社区
如何获得数据列表的变化事件?
我正在使用数据师,需要检测用户何时从下拉列表中选择某些内容. 仅当用户从数据师中选择某些东西时,该事件才会发射.如果他们在输入中键入某些内容,那么我不希望该事件发射. (在我链接的问题的接受答案中请注意,它们绑定了输入,这不是我想要的).我尝试过(没有成功): Option 1 Here Option 2 Here $(document).on('change', 'datalist', function(){ alert('hi'); }); 编辑: 这个问题与建议的问题不同,因为这是一个完全不同的问题. 解决方案 您可以手动检查更改.但是您需要检查DataList的输入的更改. $(document).on('change', 'input', function() { var options = $('datali
16 2024-01-13
编程技术问答社区
通过按回车键确定是否从HTML 5数据列表中选择了一个元素
jQuery(document.body).on('input', '.icdCodeInput', function (event) { }); 我有一个带有ICDCodeInput类的HTML 5数据师.当我通过使用鼠标或按ENTER选择从列表中选择一个项目时,上述事件会触发.如果通过击中输入键选择项目,我该如何区分事件内部? 解决方案 不幸的是,目前根本不可能. input事件仅在输入内的值实际变化后才触发,这总是在选择您的选择后发生.该事件不容纳有关如何添加的信息. 一种替代方法是跟踪实际的点击或按键事件.但是,使用Datalist时,单击事件或任何关键事件似乎都没有触发(至少在Chrome中不在).即使您在文档或身体上绑定它们,在实际数据师上执行时,单击或键盘也不会注册. 因此,不可能分辨出选择数据库选项的这些方法之间的区别.
4 2024-01-13
编程技术问答社区
当HTML5 Datalist选项被点击时的jQuery事件
我现在拥有的: 因此,我有这个HTML5数据师,其中包含许多选项,并且我有2个事件发射.当用户键入与某些内容符合的内容时,一个填充选项的名称数组时,例如" Rick Bross"或" Jack Johnson"(Keyup).当用户开始键入名称,弹出,用户向下箭头并命中" Enter"(Change). 问题: 当用户单击一个下拉选项时,我需要一个事件来触发,然后在他键入全名之前,然后在对象模糊之前.如果用户在完全键入名称之前立即单击一个,则两个事件仅在输入模糊后启动功能. 标记: JavaScript事件和
18 2024-01-12
编程技术问答社区