2011-08-16 4 views
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/