如何根据用户输入的值的数量自动添加输入字段？

Question

我可以问一下如何根据用户输入值的数量自动添加输入字段吗？它应该在填写表单时添加，而不是在提交后 示例：输入字段数：2

1

2

Answer 1

尝试此动态插入文本框的jquery取决于用户输入

＆＃13;

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="number" id="number_of_textbox">
<div id="append"></div>
<button id="btn">Add</button>
<script>
$('#btn').click(function(e) {
    var i=1;
	var number_of = $('#number_of_textbox').val();
	for(i;i<=number_of;i++)
	{
	   $('#append').append('<input type="text" name="text'+i+'" id="text'+i+'" placeholder="textbox '+i+'"> ');
	}
});
 </script>

＆＃13;

＆＃13;

＆＃13;

Answer 2

添加“$（'＃append'）。empty（）;”确保在更改输入字段数时不添加重复的输入控件。