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>

如果值为1，则使用选择框中的值，然后我需要创建一个文本框如果值是2，那么我需要分别创建两个,,,和在我的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);
    }
}

如何获取具有在选择框中选择的值的文本框

1 个答案: