使用Javascript扩展表格

http://www.quirksmode.org/dom/domform.html 使用Javascript扩展表格

我正在通过上述网站阅读并试图在我的项目中实施它。但是，当我点击“让我更多字段”按钮时，它不起作用。这里是代码：

<%@page contentType="text/html" pageEncoding="UTF-8"%> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
    "http://www.w3.org/TR/html4/loose.dtd"> 

<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <title>Test Form</title> 
     <script type="text/javascript"> 

      var counter = 0; 

      function moreFields() { 
       counter++; 
       var newFields = document.getElementById("readroot").cloneNode(true); 
       newFields.id = ''; 
       newFields.style.display = 'block'; 
       var newField = newFields.childNodes; 
       for (var i=0;i<newField.length;i++) { 
        var theName = newField[i].name; 
        if (theName) 
         newField[i].name = theName + counter; 
       } 
       var insertHere = document.getElementById("writeroot"); 
       insertHere.parentNode.insertBefore(newFields,insertHere); 
      } 

      window.onload = moreFields; 


     </script> 
    </head> 
    <body> 
     <div id="readroot" style="display: none"> 

      <input type="button" value="Remove review" 
        onclick="this.parentNode.parentNode.removeChild(this.parentNode);" /><br /><br /> 

      <input name="cd" value="title" /> 

      <select name="rankingsel"> 
       <option>Rating</option> 
       <option value="excellent">Excellent</option> 
       <option value="good">Good</option> 
       <option value="ok">OK</option> 
       <option value="poor">Poor</option> 
       <option value="bad">Bad</option> 
      </select><br /><br /> 

      <textarea rows="5" cols="20" name="review">Short review</textarea> 


     </div> 

     <form method="post" action="/cgi-bin/show_params.cgi"> 

      <span id="writeroot"></span> 

      <input type="button" id="moreFields" value="Give me more fields!" /> 
      <input type="submit" value="Send form" /> 

     </form> 
    </body> 
</html>

来源

2010-10-17 user462200

对不起，不得不问，但你如何从创建的表单读取变量？最后你有vaible1，variable2，variabl3 ....你如何阅读它们并将它们传递给SQL？ – 2011-02-23 12:10:33

我解决了它。在按钮代码下，我添加了onclick="moreFields()"并删除了id，瞧！它像一个魅力。

来源

2010-10-17 06:02:19 user462200

添加onclick =“moreFields（）”并删除按钮ID。

它会正常工作。

来源

2015-03-04 18:19:04

使用Javascript扩展表格

回答

相关问题