如何让新的html 5 datalist输入立即打开？

问题很难理解，英语不是我的母语，我会尽我所能。 所以新的html标签允许我用下拉菜单创建一个输入字段（实际上不确定如何调用它）。

第一次加载页面时，只有：

   + 

因此，首次单击时没有下拉菜单。 （那很好！）当用户在输入字段中键入一个符号时，它会生成一些标签，buuuut不会删除菜单。 我必须先输入第二个标志。

 for(var i = 0; i < data.length; i++){ suchergebnis = suchergebnis+ ""; } input_search.parent(".add").children("#Chemikalienliste").children("option").remove(); //deletes all options input_search.parent(".add").children("#Chemikalienliste").append(suchergebnis);//adds new options 

整个守则

 $(".input_search").focus().keyup(function(){ //user types something var input_search = $(this); var searchstring = input_search.val(); $.ajax({ url:"api.php", data:"search="+searchstring, type:"POST", dataType:"json", success: function(data){ //recieve data var suchergebnis = ""; for(var i = 0; i < data.length; i++){ suchergebnis = suchergebnis+ ""; } input_search.parent(".add").children("#Chemikalienliste").children("option").remove(); input_search.parent(".add").children("#Chemikalienliste").append(suchergebnis); input_search.focus(); }, error: function (XMLHttpRequest, textStatus, errorThrown) { $("#output").append("[ajax] Error: XMLHttpRequest " + XMLHttpRequest[0] + " errorThrown: " + errorThrown +" textstatus : " + textStatus+" 
"); } }); }); 

对不起我的语言…希望至少有人能理解我的问题是什么。

如果还有其他选项可以创建类似Google搜索输入字段的内容，请告诉我

Answer 1

既然你使用jQuery，我认为你应该使用jquery ui autocomplete 。 Datalist并不是为了支持动态选项（但是你可以做一些工作）。 你可以在这里阅读更多相关信息： http ： //devproconnections.com/html5/working-html5-web-forms-autocompletion-and-datalist-element