Javascript 单击按钮添加带有动态HTML的表单

我有一个网站应用程序，我想添加一些功能，但没有成功

我们的想法是，只需单击一个按钮，就可以添加一个供应商信息表单，然后再单击另一个按钮，就可以将产品添加到特定的供应商信息表单中。下图显示了“供应商信息”按钮以及“添加产品”按钮

目前，如果我删除了供应商信息表单的动态html函数（div id=“dynamic_content_1”），如下所示，“添加产品”按钮会起作用，它会将新产品线附加到上一个表单下面。我相信我的错误就在这个地方，但我不确定

函数动态_html（）{
变量内容=“”
+''
+''
+“供应商信息”
+''
+''
+''
+“公司名称：
”
+''	
+''
+''
+''
+''
+''
+''
+“公司电话号码：
”
+''
+''
+''
+''
+''
+''
+''
+“这家公司建立了你的网站吗？
”
+''
+''
+''
+''
+“是的”
+''
+''
+''
+“不”
+''
+''
+''
+''
+''
+''
+“网站URL:
”
+''
+''
+''
+''
+''
+''
+''
+“网站类型：
”
+''
+''
+''
+“亚马逊商店”
+“附属公司”
+“放下船”
+“潜在客户开发”
+“小企业”
+“登录页”
+''
+''
+''
+''
+''
+“类别：
”
+''
+''
+''
+“选择类别”
+''
+''
+''
+''
+''
+“每100个用户的平均利润率：
”
+''
+''
+'	'
+''
+''
+''
+''
+''
+''
+''
+''
+''
+''
+''
+''
+''
+''
+''
+''
+''
+“选择”
+“Web开发”
+“业务发展”
+''
+''
+''
+''
+''
+''
+''
+''
+''
+''
+''	
+''
+''
+''
+“添加供应商”
+''
+''
+''
+''
+''
+''
+''
+''
+''
+''                 
+''
+''
+''
+' ';
返回内容；
}

至少在您的小提琴中，您已经定义了两次dynamic_html（）。您的页面应该会引发错误（如果您想亲自查看，请使用f12打开控制台）

还有这条线

+'<input type="text" class="form-control pull-left w100" name="company_name" required='' >'

+''

---

所需字段需要双引号。

我能够通过正确命名dynamic_html（）函数并按照J.Bush的建议添加双引号来解决这个问题

---

谢谢大家的帮助！很高兴有这样一个很棒的社区作为资源提供。

那么，您面临的问题是什么呢？。它将在前一个社区的基础上添加新的产品线。我相信我的错误就在这个地方，但我不确定。什么错误？我无法使“添加供应商”按钮与“添加产品”按钮一起工作。我只能让“添加产品”按钮工作，这是只有当我删除上面显示的动态html。我如何才能让这两个按钮都正常工作？不幸的是，它说我的代码太长，无法添加为注释。您可以在上查看页面，然后单击查看源代码以访问完整代码。我已将代码添加到JSFIDLE中，希望这能够帮助您感谢您的建议和信息。定义新的dynamic_html（）元素的正确方法是什么？任何google搜索“how to define dynamic_html”的时候，都只搜索webster字典中dynamic_html的定义。具体来说，我该如何命名这两个不同的dynamic_html（）函数及其相应的click事件First click Events

$（文档）。在（“click”、“.plusbtn”上，function（）{$（“#dynamic_content_2”）。append（dynamic_html（））; 		});用于附加此动态html（）
函数dynamic_html（）{var content='+'+'+'+'+'+'+'+'+'+''返回内容；}
第二次单击事件
$（文档）。在（“单击“，”.testbutton1”，函数（）{$（“#动态_content_1”）。附加（dynamic_html（））；}
用于附加dynamic_html（）函数的第二部分

dynamic_html（）{var content=''+'+''+'+'+'供应商信息'+''返回内容；}@PaulCunningham该函数与其他函数一样。随便你怎么说。您可以看到类似的命名约定，但也可以轻松地调用其中一个purpleElephant（）。（您的函数只是返回一个字符串，不接受任何参数。您还可以将此值存储在变量中，并在当前实现中使用它而不是函数。也就是说，您可以在更大的范围内定义它，而不是在函数中定义和返回内容变量，以避免调用函数）