隱藏的div內的表單發布后沒有任何值

Question

我有一個html表單，在提交時會發布到新頁面。 如果需要，用戶可以單擊按鈕以使一個小表在div框中可見。 這會將更多的文本輸入字段添加到我的表單中。

問題是，無論div框處於隱藏狀態還是可見狀態，發布表單時都不會發送任何其他字段數據。

div框代碼

      function quotevisi()
  {
  document.getElementById("quote").style.visibility = "visible";
  tdat = "" ;
  tdat += "<h2 align='center' >Client Quotation </h2>" ;

  tdat += "<table align='center'cellpadding='1'  width='690px'><tr>"
  tdat += "<td ></td><td>Additional 1</td>" ;
  tdat += "<td ><label><textarea id='line1' cols='50' rows='1'>"
  tdat += "</textarea></label></td></tr>" 

  tdat += "<td ></td><td >Additional 2 </td>" ;
  tdat += "<td ><label><textarea id='line2' name='line2' cols='50' rows='1'>"
  tdat += "</textarea></label></td></tr>"

  tdat += "<td ></td><td >Additional 3 </td>" ;
  tdat += "<td ><label><textarea id='line3' name='line3' cols='50' rows='1'>"
  tdat += "</textarea></label></td></tr>"

  tdat += "<td ></td><td >Special Instructions</td>" ;
  tdat += "<td ><label><textarea id='special' name='special' cols='50' rows='1'>"
  tdat += "</textarea></label></td></tr>"

  tdat += "<td ></td><td ></td> <td>" ;
  tdat += "<input type='button' value='View Quote'          onclick='view_quote()'            />  "

  tdat += "<input type='button' value='Close' onclick='closequote()' />  " 

  tdat += "<td ></td> " ;

  tdat += "</table> "

  // display in the quote div (style sheet) 
  document.getElementById('quote').innerHTML= tdat
  }

表單有點大，但是隱藏字段的按鈕是這個

<td ><input class="buttn" type="button" value="Extra Quote details "   onclick="quotevisi();" /> </td> 

我認為所有這些信息都將與郵寄表格一起使用。 但是確實如此。 哦，最后，將div框代碼放在此行之后

<form  style='background-color:ccc' id='form1' name='form1' method='post' action='process.php' > 

任何幫助或想法將不勝感激

謝謝米克

Answer 1

我不得不猜測該表單不包含“ quote”元素，但真正有用的是更完整的HTML代碼段。

Answer 2

不幸的是，通過innerHTML添加表單元素是不可靠的，尤其是在IE中。 （表行等也有此問題。） 此頁面列出了一個巧妙的解決方法。 FWIW大多數JavaScript庫（如jQuery ， Prototype ， Closure等）都可以為您解決問題。

表單字段的可見性 （例如，它們是否在隱藏的div內）與通過表單提交它們無關。 當然， 禁用的表單字段不會提交，但我不會給您留下印象。