动态生成页面控件？

参考一下了
<script>
function createTable()
{
var vTable=document.createElement("table");
vTable.cellPadding="0";
vTable.cellSpacing="0";
vTable.border="1";
vTable.color="#000000";
vTable.borderColorDark="#000000";
vTable.borderColorLight="#FFFFFF";
for(kIndex=0;kIndex<5;kIndex++)
{
var vTr=vTable.insertRow(kIndex);
for(iIndex=0;iIndex<5;iIndex++)
{
vTd=vTr.insertCell(iIndex);
vTd.innerHTML="<input type=text style='border:0px solid'>";
}
}
DivID.appendChild(vTable);
}
</script>
<input type=button value="创建表格" onclick="createTable();">
<div id="DivID"></div>

解决方案 »

  1.   

    写了一个
    <select onchange="createInput(this.selectedIndex)">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    </select>
    <br>
    <div id="DivID"></div>
    <script>
    function createInput(iNum)
    {
    DivID.innerHTML="";
    for(kIndex=0;kIndex<=iNum;kIndex++)
    {
    var vInput=document.createElement("input");
    vInput.type="text";
    DivID.appendChild(vInput);
    }
    }</script>
      

  2.   

    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <script language="javascript">
    function createInput()
    {
        var val = document.all.sel.value;
        if(val == "empty")
            inputDiv.innerHTML = "";
        val = parseInt(val,10);
        var str = "";
        for(var i=0; i<val; i++)
        {
            str += "<input type=text>"
        }
        inputDiv.innerHTML = str;
    }
    </script>
    </HEAD><BODY>
    <SELECT NAME="sel" onchange="createInput()">
    <option value="empty" selected>－请选择－</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    </SELECT>
    <div id='inputDiv'></div>
    </BODY>
    </HTML>