登録フォームのヘルプ

Question

私はドロップダウンリストから数値を選択すると、動的にその数の特定のテキストフィールドを生成する必要があるという目的を持った登録フォームを作成しようとしています。たとえば、親がアプリケーションで自分の子供を登録しようとすると、ドロップダウンリストから子の数を選択し、子の数に対応する必要な数のフィールドを動的に生成します。

Answer 1

<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/