javascript - 动态表单框

Question

陷入困境!

我有一个表格，用于输入用户想去的不同城市。

我有一个表单框和一个提交按钮。

现在我希望我的用户输入他喜欢的多个城市，为此他必须单击链接 Add 1 more city并且应该会出现另一个表单框。

如何在 HTML 中执行此类任务

Answer 1

这是一个很好的方法:

<div id="inputBoxes"> 
    <input />
</div>

<button type="button">Add more</button>

$('button').click(function() {
    $('#inputBoxes').append('<input>');
});

希望对你有帮助

佐肯17

$('button').click(function() {
  $('#inputBoxes').append('<input>');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>


<div id="inputBoxes"> 
    <input />
</div>

<button type="button">Add more</button>