动态输出文本框"text"

我要把数据库的数据显示在文本框(input = "text")这个控件中(假设是控件),然后修改存回数据库,怎么动态的添加这个文本框啊?(就是有几个数据,就要几个文本框,数据个数为数据库中的个数).

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>
    <script  language="javascript">
    var arr=new Array("1","dd","dddd","eeeeeee");// 换成从数据库中得到的数值就可了
    function addText(){
    var value="<table width='200' border='1'>";

    for(var i=0;i<arr.length;i++){
    value+="<tr>";
    value+="<td width='16'>"+ arr[i]+"</td>";
    value+="<td width=\"168\"><input type=\"text\" name=\"textfield\" value=\""+ arr[i]+"\"/></td>"
    value+="</tr>";
    }
    value+="</table>";
    document.all["divTest"].innerHTML=value;
    }
    function getText(){
    var arr =document.all["textfield"];
    if(arr==null){
    return;
    }
    else if(document.all["textfield"].value!=null){
    alert(document.all["textfield"].value);
    }
    else{
    for(i=0;i<arr.length;i++){
    alert(document.all["textfield"][i].value);
    }
    }
    }
    </script>
    <body><form id="form1" name="form1" method="post" action=""><div id="divTest"> </div>
    <input type="button" name="Submit" value="添加" onclick="addText()" />
    <input type="button" name="Submit2" value="修改" onclick="getText()"/>
    </form>
    </body>
    </html>