javascript - submit參數 - js submit




提交使用javascript添加的表單輸入字段 (3)

我正在做一個簡單的形式來創建民意調查,因此我希望有可能添加額外的輸入字段,以防用戶想在民意調查中有更多的選擇。

我已經做了Javascript代碼,添加一個新的輸入字段的形式,但動態添加的輸入字段不張貼表單時提交(我使用一個標準的提交按鈕)。

有什麼方法來獲取動態添加的字段張貼/確認為表單的一部分?

<form id="myForm" method="post">  
  <input type="submit">
  <input type="text" name="poll[question]">  
  <input type="text" name="poll[option1]">  
  <input type="text" name="poll[option2]">  
</form>  
<a href="javascript:addOption();">Add option</a>  

<script>  
  var optionNumber = 3; //The first option to be added is number 3  
  function addOption() {  
    var theForm = document.getElementById("myForm");  
    var newOption = document.createElement("input");  
    newOption.name = "poll[option"+optionNumber+"]";  // poll[optionX]
    newOption.type = "text";
    theForm.appendChild(newOption);  
    optionNumber++;
  }  
</script>


你的代碼正常工作:

<?php
    print_r($_REQUEST)
?>
<html>
<body>

<form id="myForm" method="post"> 
    <input type="submit">
    <input type="text" name="poll[question]"> 
    <input type="text" name="poll[option1]"> 
    <input type="text" name="poll[option2]"> 
</form> 
<a href="javascript:addOption();">Add option</a> 

<script> 
    var optionNumber = 3; //The first option to be added is number 3 
    function addOption() { 
        var theForm = document.getElementById("myForm"); 
        var newOption = document.createElement("input"); 
        newOption.name = "poll[option"+optionNumber+"]"; // poll[optionX]
        newOption.type = "text";
        theForm.appendChild(newOption); 
        optionNumber++;
    } 
</script>
</body>
</html>

點擊添加選項兩次,你會得到

Array([poll] => Array([question] => [option1] => [option2] => [option3] => [option4] =>))


我只是調試我的網站,我有一個類似的問題。 對我來說,事實證明,我的表格和表單標籤的“錯誤”的順序造成了這個問題。

破碎:

table
  form

加工:

form
  table

這指出了一些非常重要的事情。 瀏覽器可能會呈現正常,表單可能正常工作,與格式錯誤的HTML,但你仍然可以打破這樣的事情,沒有正確格式的HTML。 也許我應該開始使用mod_tidy!







form-submit