Question

我是新加入的人，所以我正在练习，并且我有带下拉菜单的表格。当用户单击“添加问题”按钮时，文本区域和下拉列表将附加。似乎无法正常工作，请提供帮助。

$( "#add" ).click(function() {

var newElement = "<form id ="ques"><label>Question:</label><br><textarea rows="5" cols="50" name="description" placeholder="Enter a question"></textarea><br><select name="choice" id="choice" onchange="selectorchecker(this)"><option value="">Select choices</option><option value="checkbox">Checkbox</option><option value="radiobtn">Radio Button</option></select></form>";

$( "#ques" ).append( $(newElement) );
});

Answer 1

将"字符串内的引号newElement替换为'。因为您使用"来开始字符串，并且也使用"来填充字符串，所以部分字符串被忽略了。

Answer 2

请同时将jquery添加到您的小提琴中。在我看来，现在已经不见了。我看到一个错误，例如： 未捕获的ReferenceError：未定义$

添加后，它运行正常。

Fiddle Screenshot

Answer 3

这是您查询的工作代码和解决方案：

FIDDLE

You can try clicking on "Append" button and form with all its content will append.
Only you need to make sure that your button need to be outside of form tag.
Hope it works for you !

Answer 4

请在开始JS脚本之前添加以下行。您的代码将根据需要工作。

<script type="text/javascript" 
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"> 
</script>

如何添加带有下拉菜单的表单？

4 个答案: