Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.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_Css - Fatal编程技术网

Javascript-创建表单,然后在创建的表单中添加列表

Javascript-创建表单,然后在创建的表单中添加列表,javascript,html,css,Javascript,Html,Css,非常简单,只是尝试在我的HTML文档上创建一个新表单,然后在创建表单后立即向新表单添加一个列表 这就是我所拥有的,有一些额外的代码,但它应该给出我试图实现的要点: 代码适用于我,但行“var newmodelli=document.getElementById('modelstatline'+(count+1));”除外,因为您无法通过添加看起来的计数来获取ID。因此,我需要一种替代方法来实现我所需要的,而不是像这样添加它 div{ 位置:相对位置; 左:50px; 宽度:600px; 高度

非常简单,只是尝试在我的HTML文档上创建一个新表单,然后在创建表单后立即向新表单添加一个列表

这就是我所拥有的,有一些额外的代码,但它应该给出我试图实现的要点:


代码适用于我,但行“var newmodelli=document.getElementById('modelstatline'+(count+1));”除外,因为您无法通过添加看起来的计数来获取ID。因此,我需要一种替代方法来实现我所需要的,而不是像这样添加它


div{
位置:相对位置;
左:50px;
宽度:600px;
高度:300px;
边框:20px实心rgb(0,255,0);
背景色:黑色;
填充:25px;
利润率:25px;
}
#a{
浮动:左;
显示:块;
填充:7px;
文本对齐:居中;
字体大小:15px;
背景色:黑色;
颜色:rgb(0,255,0);
}
#b{
浮动:左;
显示:块;
填充:0px;
文本对齐:居中;
字体大小:16px;
}
李{
显示:块;
}
保险商实验室{
列表样式类型:无;
边际:0px;
填充:0px;
}
选择权{
颜色:黑色;
字体大小:15px;
}
挑选{
颜色:黑色;
字体大小:15px;
宽度:95px;
高度:23px;
文本对齐:居中;
}
输入{
宽度:25px;
文本对齐:居中;
字体大小:15px;
颜色:黑色;
}
钮扣{
宽度:22px;
文本对齐:居中;
}
var计数=1;
var newF=document.createElement('form');
newF.id='modelstatline'+(计数+1);
var newli=document.createElement('li');
newli.id='a';
var newInM=document.createElement('input');
newInM.type='text';
newInM.name='WS'+(计数+1);
函数addModelstatline()
{
var newmodelform=document.getElementById('modelstatlinegrp');
//[这就是错误所在]var newmodelli=document.getElementById('modelstatline'+(count+1));
如果(计数<4)
{
newmodelform.appendChild(newF);
//[错误的子项]newmodelli.appendChild(newli);
//aModelstatline.appendChild(newInM);
计数++;
}
其他的
{
警惕(“太多”);
}
}
  • 型号Statline 1
    +
  • M
  • WS
    + BS
    +
  • S
  • T
  • W
  • a
  • Ld
    Sv
    +



是的,我不完全确定你想要什么,但我想是这样的

let form=document.createElement('form');
form.id='modelstatline2';
document.querySelector('.container').appendChild(表单);
for(设ix=1;ix<4;ix++){
设li=document.createElement('li');
li.id='a';
让输入=document.createElement('input');
input.type='text';
input.name='WS'+ix;
li.追加子项(输入);
表格.儿童(李);;
}


您遇到了什么问题?您做了哪些尝试来解决问题?您是否检查了浏览器控制台中的错误,是否可以包含相关的html。不确定为什么您的if条件中没有
文档.createElement()
,但是…是的,很抱歉,在一个表单已经存在之后创建一个新表单。我将编辑并添加HTML,至少我有。代码对我来说是有效的,但行“var newmodelli=document.getElementById('modelstatline'+(count+1));”除外,因为您无法通过添加看起来的计数来获取ID。因此,我需要一种替代方法来实现我需要的内容,而不是像这样添加。答案很好,但我认为
函数addModelstatline()
背后的想法是允许客户端单击按钮或其他东西,然后向页面添加一个表单,但限制为3。我可能错了,但这将是我能想到将它放在函数中并在函数名中“添加”的唯一原因。我只能做出这样的假设,因为OP没有包含相关的HTML。很抱歉没有包含HTML,现在就添加了。基本上,点击按钮会添加带有“newmodelform.appendChild(newF);”的表单,效果很好,只是在创建的表单中添加一个列表是很困难的,因为我无法动态找到ID。