如何獲得與在選擇框中

Question

選擇的值的文本框這是我在這裏的視圖頁面，我有一個選擇框

<tr> 
    <td>Chidren</td> 
    <td>:</td> 
    <td><select style="font-family: verdana; min-width: 52px;" id="ddlChildren" 
      name="ddlChildren" class="required" onChange="return Check_Adult('dd1Age')" > 
      <option value="">children</option> 
      <option value="1">1</option> 
      <option value="2">2</option> 
      <option value="3">3</option> 
      <option value="4">4</option></select> 
    </td> 
    </tr> 

從選擇框中的值，如果值是一個，然後我需要創建文本框 如果值是兩人隨後我需要創建兩個,,,分別 在我Check_Adult javascript函數,,我這樣做

function Check_Adult() 
{ 
    alert('hi'); 
    var Child= document.getElementById('ddlChildren').value; 
    alert(Child); 
    if(Child == 1) 
    { 
     var tbox = document.createElement('input'); 
     tbox.setAttribute('type', 'text'); 
     var frm = document.forms[0]; 
     frm.appendChild(tbox); 
     frm.appendChild(tbox2); 

     var sel = document.createElement('select'); 
     sel.setAttribute('type', 'text'); 
     var frm = document.forms[0]; 
     frm.appendChild(sel); 
    } 
} 

但文本框不創建如何建立呢？

Answer 1

你可以這樣做：

function Check_Adult() 
{ 
    var Child= document.getElementById('ddlChildren').value; 

    if(Child == 1) 
    { 
     var tbox = document.createElement('input'); 
     tbox.setAttribute('type', 'text'); 
     var frm = document.forms[0]; 
     frm.appendChild(tbox); 
    } 
    else if(Child == 2) 
    { 
     var tbox = document.createElement('input'); 
     var tbox2 = document.createElement('input'); 
     tbox.setAttribute('type', 'text'); 
     tbox2.setAttribute('type', 'text'); 
     var frm = document.forms[0]; 
     frm.appendChild(tbox); 
     frm.appendChild(tbox2); 
    } 
    // and son on 
} 

更新：

你可以這樣做太：

function Check_Adult() 
{ 
    var Child= document.getElementById('ddlChildren').value; 
    var frm = document.forms[0]; 

    for (var i = 1, i<= Child; i++) 
    { 
     var tbox = 'tbox' + i; 
     tbox = document.createElement('input'); 
     tbox.setAttribute('type', 'text'); 
     frm.appendChild(tbox); 
    } 
}