Tag: html datalist

如何使用Ajax和HTML结构来回显自动完成选项？: 我想创建一个自动填充搜索框。它获取一个JSON并将它们发送到的HTML5 。它工作正常但它不能在值中使用空格！所以它只返回第一个单词。例如，如果jresults.name是“let go” – 我只得到“let”。这样做的最佳方式是什么？这部分： $( “#prod_name_list” ).children().remove(); 阻止我从列表中选择一个选项。因为当我“键入”时它会删除其中的所有内容，所以我需要一个不同的解决方案。第二部分是在提交表单后我想要获取对象的id。（ jresults.id ）我不知道如何使用提交检索它。我的代码： JS部分： $(“#prod_name”).bind(“keyup”, function(e) { if (e.which = 48){ $( “#prod_name_list” ).children().remove(); var prod_name = $(“#prod_name”).val(); $.ajax({ method: “POST”, url: “”, data: ({ “prod_name”: prod_name }), success: function (result){ var jresults = JSON.parse(result); console.log(“jresults: “+jresults); […]

从datalist onhover获取当前值: 我正在尝试获取数据主义者的hover元素的当前值。因此，如果我打开带有值的datalist并将鼠标移到它们上面，我希望这些值出现在控制台中。这是我的尝试： $(“#browsers”).on(“mouseover”, function() { console.log($(this).value()); }); 这是一个小提琴： https ： //jsfiddle.net/sshcvr5q/

在文本框的单击事件上触发datalist选项: 如何在单击相应的文本框时显示或触发datalist选项？我有一个数据列表，选项说10.在chrome中，会显示一个下拉图标，允许用户知道它有一个下拉列表。但是在Firefox中，图标不可用。因此，用户可能不知道它是一个下拉菜单而只是一个文本框。所以我想在点击该文本框时显示datalist选项。任何帮助赞赏。

如何validationhtml5 Datalist的输入？: 我想知道如何validation来自Datalist的输入值。我的意思是，如果我有一个Datalist ，用户可以开始写一个值，然后从Datalist选择它，但是用户决定不从列表中选择任何值，并且他提交的表单中包含不完整的值，发送的价值将是错误的。我想过迭代Datalist所有元素，但我认为如果Datalist值超过1.000并且我不知道任何其他方法来validation它，这不是一个好主意。这是我要使用的Datalist一个例子：

通过按Enter键确定是否从HTML 5 datalist中选择了一个元素: jQuery(document.body).on(‘input’, ‘.icdCodeInput’, function (event) { }); 我有一个带有类icdCodeInput的HTML 5数据表。通过使用鼠标或按Enter键从列表中选择项目时，上述事件将被触发。如果通过按Enter键选择项目，我如何区分事件？

如何使用JavaScript刷新HTML5数据表？: 我正在动态地将选项加载到HTML5 datalist元素中。但是，浏览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) { $(“#ingredients”).empty(); for (var i in ingredients) { $(“”).html(ingredients[i].name).appendTo(“#ingredients”); } // Trigger a refresh of the rendered datalist } }); }); 注意：在Chrome和Opera中，仅当用户在输入文本后单击输入时，才会显示整个列表。但是，我希望整个列表显示为用户类型。 Firefox不是问题，因为它似乎在更新选项时自动刷新列表。 […]

单击HTML5 Datalist选项时的jQuery事件: 我现在拥有的：所以我有这个HTML5 Datalist，里面有很多选项，我有2个事件被触发。一个用户键入的东西与填充选项的名称数组相匹配，例如“Rick Bross”或“Jack Johnson”（keyup）。当用户开始键入名称时，会弹出另一个事件，弹出，用户向下箭头，然后点击“输入”（更改）。问题：当用户单击其中一个下拉选项时，在输入全名之前，以及在对象模糊之前，我需要触发一个事件。如果用户在名称完全输入之前立即单击一个，则只有输入模糊后，2个事件才会触发该function。标记： Javascript事件和function： window.checkModelData = function(ele) { var name = $(ele).val().replace(” “, “”); var mod = potentialModels[name]; if(mod) { loadModelData(name); } } function loadModelData(name) { var mod = potentialModels[name]; $(“#address”).val(potentialModels[name].address); $(“#city”).val(potentialModels[name].city); $(“#state”).val(potentialModels[name].state); $(“#email”).val(potentialModels[name].email); $(“#phone”).val(potentialModels[name].phone); $(“#zip”).val(potentialModels[name].zip); } $(“#name”).keyup(function(){ window.checkModelData(this); }); $(“#name”).change(function(){ window.checkModelData(this); });

在HTML中的Datalist中查找所选项目: 我有一个像这样的数据主义者我正在使用jquery向datalist添加“option”。现在的问题是我如何找到用户在datalist中选择/点击的选项。我想在用户选择/点击选项后立即获取选项的ID？

使用jQuery在datalist中获取选定的值: 非常简单直接。当我想要选择一个值并将其插入SQLite数据库时，我在表单上预先填充了一个带有值的HTML数据表。这是我的示例代码无效。请帮忙。 HTML5 datalist表单创建：这是不起作用的示例jquery代码： var relationshipTemp = $(‘#TypeList option:selected’).text();

如何在datalist html5中显示文本而不是值: 1 2 3 4 5 http://jsfiddle.net/j7ehtqjd/1/ 我附上了一个小提琴。请检查。我想要实现的解决方案是当我单击下拉列表时显示该值，但我希望显示文本1,2,3,4,5。我必须使用json响应来解决我的实际问题。只应显示文本，并且值应该像常规下拉列表一样隐藏。此自动完成function是必要的，否则我将使用正常的下拉菜单。