Форма внутри скрытого 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

Я должен был бы предположить, что форма не включает элемент "цитата", но что действительно было бы полезно, так это более полный фрагмент HTML.

Answer 2

Добавление элементов формы через innerHTML (к сожалению) ненадежно, особенно в IE. (Строки таблицы и тому подобное тоже имеют эту проблему.) На этой странице перечислены некоторые хитрые обходные пути. Большинство библиотек JavaScript (например, jQuery , Prototype , Closure , ...) помогут вам, FWIW.

Видимость полей формы (например, находятся ли они внутри скрытого div) не должна иметь никакого значения для их отправки с формой. Конечно, отключенные поля формы не отправляются, но у меня нет впечатления, что вы их отключаете.