Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果输入字段是按按钮创建的,是否可以向输入字段添加数据列表?_Javascript_Html - Fatal编程技术网

Javascript 如果输入字段是按按钮创建的,是否可以向输入字段添加数据列表?

Javascript 如果输入字段是按按钮创建的,是否可以向输入字段添加数据列表?,javascript,html,Javascript,Html,我对HTML/CSS/Javascript和stackoverflow非常陌生。我试着教自己一些用户输入。目前,我一直在尝试使用数据列表 在我的head标签下,我成功地创建了一个使用HTML的datalist boxlist的输入。耶 但是,我不知道如何使在按钮按下时创建的输入(即在javascript addFields函数中创建的输入)也使用boxlist数据列表 如何获取新创建的输入字段以使用boxlist数据列表?是否可以用javascript声明datalist,并且新字段仍然使用它

我对HTML/CSS/Javascript和stackoverflow非常陌生。我试着教自己一些用户输入。目前,我一直在尝试使用数据列表

在我的head标签下,我成功地创建了一个使用HTML的datalist boxlist的输入。耶

但是,我不知道如何使在按钮按下时创建的输入(即在javascript addFields函数中创建的输入)也使用boxlist数据列表

如何获取新创建的输入字段以使用boxlist数据列表?是否可以用javascript声明datalist,并且新字段仍然使用它

函数addFields(){
var输入=document.createElement(“输入”);
document.body.appendChild(输入);
}

添加输入

您的代码几乎正常工作,只需将
列表
属性添加到您创建的输入中即可

var element = document.createElement("input");
element.setAttribute("list", "boxlist");
注:
最好将
输入
数据列表
包装在一个容器中,然后将输入附加到容器中。这样,以后就更容易管理了


工作提琴:

不要在
中放置任何html元素。身体是放置这些东西的地方!脚本标记应该位于
头部
。你真的应该从初学者指南开始,我们不能在这里教你基础知识。这能回答你的问题吗?您想要实现的是,当按下按钮时,使用相同的
选项创建新的
datalist
标记(换句话说,复制它),感谢@elsolobo的建议。现在正在看一些指南。@deblocker谢谢你的链接!虽然它确实包含了答案,但阿纳金让它更容易理解。谢谢大家!!