怎样在保持原form内容的同时动态地加入一些其他元素（input,select等等）

http://www.csdn.net/develop/Read_Article.asp?Id=10176

解决方案 »

  1.   

    用innerHTML就行啦，
    document.all("formId").innerHTML+="html元素"
      

  2.   

    可以先用一个
    <div id=divName style="display:none">中间加入一些元素</div>
    让它一开始的时候，是隐藏的，用户开始看不到当添加一些数据后，再让它显示
    只需要设置
    document.all.divName.style.display='';
    即可。如果要不显示
    document.all.divName.style.display='none';
    这样比较方便实现
    如果你用createElement的方法，比较难点，
    参考如下：
        newElement = document.createElement("INPUT") //？？？这句的作用，请讲解一下它的方法及属性
        //createElement方法是创建一个标志元素,也就是HTML里的标志了,如<table>、<tr>等类，用这种方法可以在JS里自动去创建一个标志的
        //学会看MSDN的，有问题去查资料，MSDN是每一个程序员应该学会用的
        //下面是这个方法的资料，自己去看用法,后面的地址都是方法对应的MSDN地址
        //http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/createelement.asp
        CurrentElement.appendChild(newElement); //？？？这句的作用，请讲解一下它的方法及属性
            //appendChild方法，是把一个标志元素添加进另一个标志元素里，这里的意思是把一个input标志添加进div标志里
            //如：开始CurrentElement为：<div></div>
            //newElement为：<input type=text value=1>
            //则调用这个方法过后，CurrentElement为:<div><input type=text value=1 id=text1 name=text1></div>
            //明白了吧？再不明白，你非典去吧！
      

  3.   

    http://lucky.myrice.com/javascriptexam/addelement.htm
      

  4.   

    新问题：可以在javascript添加的表单项中当用户输入（光标停在上面时）显示一些提示信息么？javascript嵌套？
    当然如果是由jsp生成的原form项这一点很容易办到，只要用javascript定义onmouseover等事件就行了，可是由javascript生成的添加form项呢，怎么实现提示功能？
      

  5.   

    可以啊，一样的啦，其实用js生成东西，跟jsp生成都是样的啦，都是往ie上写东西。
    然后ie解释，这样说有点俗。<body>
    <script>
    function dosome()
    {
    alert("fdafds");
    }
    </script>
    <script>
    document.write("<form name='form1' action='' onmouseover='dosome();'>")
    document.write("<input type='text' value='fdsafdsafdsfd'>");
    document.write("</form>")
    </script>
    </body>
      

  6.   

    动态创建TEXT文本框<SCRIPT language="vbscript">
    function fnAppend()
       msgbox("what")
       
       set div_obj=document.createElement("div")
       str1="<input type=text name=11 size=10>"
       div_obj.id="11"
       
       div_obj.innerHtml=str1
       set obj_1=document.getElementById("HH")
       obj_1.appendchild(div_obj)   
       
       msgbox("aaa")
    end function
    </SCRIPT>
    <BODY>
    <form name="HH" id="HH">
    <INPUT
       TYPE = "button"
       VALUE = "Append Child"
       onclick ='vbscript:fnAppend()' ID="Button1" NAME="Button1">
    </form>
    </BODY>'-------------------------------