注册表格帮助

时间:2011-08-16 05:45:20

标签: jquery ajax

我正在尝试创建一个注册表单,其目的如下:如果我从下拉列表中选择一个数字,那么它应该动态生成那么多的某些文本字段。例如 - 如果父母试图在应用程序中注册他的孩子,那么他从下拉列表中选择孩子的数量,然后表单生成器动态地生成与孩子的数量相对应的所需数量的字段。

1 个答案:

答案 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>

http://jsfiddle.net/y9GRk/2/