如何获得与在选择框中

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); 
    } 
}