我正在尝试创建一个注册表单,其目的如下:如果我从下拉列表中选择一个数字,那么它应该动态生成那么多的某些文本字段。例如 - 如果父母试图在应用程序中注册他的孩子,那么他从下拉列表中选择孩子的数量,然后表单生成器动态地生成与孩子的数量相对应的所需数量的字段。
答案 0 :(得分:2)
<select id="foo">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<div id="bar">
</div>
<script>
//foo is the dropdown's id
$("#foo").change(function(){
var no = parseInt(this.value);
//remove all existing textboxes
$("#bar input").remove();
for(var i = 0; i< no ;i++)
$("<input/>",{
type:"text",
id:"baz"+i
}).appendTo("#bar");
//bar is where you want to append the textbox
});
</script>