Javascript 从表单组溢出的文本

我添加了以下输入区域：

('#item').after('<div class="form-group" onsubmit="return false"></div><form action="javascript:void(-1)"><label for="exampleInputEmail1"> What?</label><input type="text" class="form-control" id="InputSaleValue" placeholder="Enter value"><small id="emailHelp3" class="form-text text-muted">eg 10%</small><form onsubmit="return false"> </div>');

（'item'）。在（'What？例如10%”之后；

按enter键后，我有：

('#InputSaleValue').after('<div class="form-group" onsubmit="return false"></div><form action="javascript:void(-1)"><label for="exampleInputEmail1"> What?</label><input type="text" class="form-control" id="InputCommission" placeholder="Enter value"><small id="emailHelp3" class="form-text text-muted">eg 10%</small><form onsubmit="return false"> </div>');

（'InputSaleValue'）。在（'What？例如10%”）之后；

---

但实际情况是，“eg 10%”被两次添加到第二次添加的底部，而不是单独添加到每个添加中

这是因为在第二个代码行中，您在

#InputSaleValue

之后添加了模板，该模板只是输入字段，而不是标签，例如10%。因此，您的内容将显示在该字段旁边。您可能希望将第一行更改为：

$('#item').after('<div class="form-group" onsubmit="return false"></div><form action="javascript:void(-1)"><div id="saleField"><label for="exampleInputEmail1"> What?</label><input type="text" id="InputSaleValue" class="form-control"  placeholder="Enter value"><small id="emailHelp3" class="form-text text-muted">eg 10%</small></div></form onsubmit="return false"> </div>');

$（'item'）。在（'What？例如10%”之后；

第二行是

$('#saleField').after('<div class="form-group" onsubmit="return false"></div><form action="javascript:void(-1)"><label for="exampleInputEmail1"> What?</label><input type="text" class="form-control" id="InputCommission" placeholder="Enter value"><small id="emailHelp3" class="form-text text-muted">eg 10%</small><form onsubmit="return false"> </div>');

$（'saleField'）。在（'What？例如10%”）之后；

在第1行中，我刚刚附上了包含标签的字段，例如

div

中的10，id为

saleField

。在第二行，我只更改了选择器。这里是工作plunker的链接：

试试这个：

$（函数（）{
$（'item'）。在（'What？例如10%'）之后；
$（'#inputSaleValue'）。on（'keydown'，函数（e）{
if（（e.which==13 | | e.keyCode==13）和&$（this.val（）！=''）{
e、 预防默认值（）；
$（'formrea'）。追加（'What？例如10%）；
}
});
});

您能否使用snippet函数提供一个可运行的示例？（Ctrl+M）您好，对不起，这就是我的意思：'onsubmit'是一个表单属性，所以您不能在DIV标记中使用它。同意，但我只是使用给定的代码示例重新创建。注意到他错过了什么。还有其他错误的事情，比如在表单中包含表单，而不是在单个表单中添加字段，没有表单结束标记，等等。。这一定只是完整代码的一小部分。非常感谢！就是这样：）也帮助我更好地理解了HTML。@NCD很高兴这有帮助。但您可以使用append（）在表单中动态添加输入字段。当您明确要求时，请遵循可用的最佳清洁方式。