在jQuery中提交多個表單不工作

Question

我試圖修改一些php/html代碼使用jQuery來獲得多個表單提交一次點擊。

$html .= "<div class='casephone'> 
            <h1>".$row['name']."</h1> 
            <img src='phones/phones/".$phonename."/".$row['imgname_full']."' /> 
            <img src='phones/phones/".$phonename."/".$row['imgname_half']."' /><br /> 
            Wymiary:<br /> 
            Wysokość: <span>".$row['height']."px</span><br /> 
            Szerokość: <span>".$row['width']."px</span> 
            Rodzaj Canvas: <span>".$row['canvas_name']."</span><br><br><br> 
            Zmień folder ze zdjęciami etui 
            <form action='script/editdesccase' method='POST'> 
                ".$this->descPhone()." 
                <input type='text' name='iddap' value='".$row['id_dap']."' hidden /> 
                <input type='submit' value='Zmień' class='submit-form'/> 
               </form> 
            <form action='script/changeheightofcase' method='post' class='wysokosc' target='iframe1'> 
             <input type='text' name='height' placeholder='Zmień wysokość telefonu' class='input'/> 
             <input type='text' name='iddap' value='".$row['id_dap']."' hidden /> 
             <input type='text' name='idcase' value='".$row['id_canvas']."' hidden /> 
             <input type='submit' value='Zmień' class='submit-form'/> 
            </form> 
            <form action='script/changewidthofcase' method='post' class='szerokosc' target='iframe2'> 
             <input type='text' name='width' placeholder='Zmień szerokość telefonu' class='input'/> 
             <input type='text' name='iddap' value='".$row['id_dap']."' hidden /> 
             <input type='text' name='idcase' value='".$row['id_canvas']."' hidden /> 
             <input type='submit' value='Zmień' class='submit-form'/> 
            </form> 
            Zmień rozmiar Canvas 
            <h3>Jeżeli wysokość telefony jest większa od 460px to zmień rozmiar Canvas na Wys.: 540px na Szer.: 690px i podmień szablony na większe</h3> 
            <form action='script/changecanvasproperities' method='POST'> 
             ".$this->viewSelectCanvasProperities()." 
             <input type='text' name='iddap' value='".$row['id_dap']."' hidden /> 
             <input type='submit' value='Zmień' class='submit-form' /> 
            </form> 
            <form action='script/changeimgofcase' method='post' name='zdjecie1' enctype='multipart/form-data' target='iframe3'> 
             Zmień Szablon telefonu do canvas: <input type='file' name='caseimg'/> 
             <input type='text' name='iddap' value='".$row['id_dap']."' hidden /> 
             <input type='text' name='phonename' value='".$_GET['phonename']."' hidden /> 
             <input type='submit' value='Zmień' class='submit-form'/> 
            </form> 
            <form action='script/changeimgofcase1' method='post' name='zdjecie2' enctype='multipart/form-data' target='iframe4'> 
             Zmień Szablon2 telefonu do canvas: <input type='file' name='caseimg1'/> 
             <input type='text' name='iddap' value='".$row['id_dap']."' hidden /> 
             <input type='text' name='phonename' value='".$_GET['phonename']."' hidden /> 
             <input type='submit' value='Zmień' class='submit-form'/> 
            </form> 

            <form action='script/changebackgroundofcase' method='post' enctype='multipart/form-data' target='iframe5'> 
             Zmień Tło telefonu do canvas: <input type='file' name='casebackground'/> 
             <input type='text' name='iddap' value='".$row['id_dap']."' hidden /> 
             <input type='text' name='phonename' value='".$_GET['phonename']."' hidden /> 
             <input type='submit' value='Zmień' class='submit-form'/> 
            </form> 
            <h1>Nasze Propozycje - Opcje</h1> 
            <h3>Wybierz folder z którego będą pobierane nasze propozycje</h3> 
            ".$this->caseImgPropozition($row['id_dap'], $_GET['phonename'])." 
            <form action='script/availablecaseofphone' method='post'> 
             ".$avaiable." 
             <input type='text' name='iddap' value='".$row['id_dap']."' hidden /> 
             <input type='submit' value='Zmień' class='submit-form'/> 
            </form> 
            <a href='script/removecaseofphone?id=".$row['id_dap']."&name=".$_GET['phonename']."' class='remove-link'>Usuń rodzaj etui</a> 
          </div> 
          <input type='submit' class='koko' value='zaktualizuj'> 
     <script> 
    $(document).ready(function(){ 
     $('.koko').click(function(){ 
      $('form').each(function(){ 
      $(this).submit(); 


      }); 

     }); 
    });</script> 
"; 

所以它看起來像jQuery在這裏工作，因爲如果我把警報而不是提交我可以看到彈出幾次。 如果我把的console.log我得到console.log($(this));

[form#date-form, context: form#date-form] 
phone?phonename=vodafonesmartprime6:229 [form#option, context: form#option] 
phone?phonename=vodafonesmartprime6:229 [form, context: form] 
phone?phonename=vodafonesmartprime6:229 [form, context: form] 
phone?phonename=vodafonesmartprime6:229 [form, context: form] 
phone?phonename=vodafonesmartprime6:229 [form, context: form] 
phone?phonename=vodafonesmartprime6:229 [form, context: form] 
phone?phonename=vodafonesmartprime6:229 [form, context: form] 
phone?phonename=vodafonesmartprime6:229 [form#availablephone, context: form#availablephone] 
phone?phonename=vodafonesmartprime6:229 [form, context: form] 
phone?phonename=vodafonesmartprime6:229 [form, context: form] 
phone?phonename=vodafonesmartprime6:229 [form.wysokosc, context: form.wysokosc] 
phone?phonename=vodafonesmartprime6:229 [form.szerokosc, context: form.szerokosc] 
phone?phonename=vodafonesmartprime6:229 [form, context: form] 
phone?phonename=vodafonesmartprime6:229 [form, context: form] 
phone?phonename=vodafonesmartprime6:229 [form, context: form] 
phone?phonename=vodafonesmartprime6:229 [form, context: form] 
phone?phonename=vodafonesmartprime6:229 [form, context: form] 
phone?phonename=vodafonesmartprime6:229 [form, context: form] 

但沒有數據被更改的行爲重定向我的主頁。現在我需要做一些更新，它將涉及至少4個要更改和更新的表單數據。所以我想點擊一個按鈕而不是4個快速。

Answer 1

每個表單都有一個動作，如下所示：script/changebackgroundofcase。我不確定每個操作目標應具有什麼樣的擴展名：.php，.html，還是沒有擴展名？所以，請相應填寫相應的動作。

但是，否則，您提交.koko提交按鈕。這是不允許的，因爲它意味着外部形式的「存在」。但是在文檔中不能有嵌套形式，這是不允許的！所以，我剛剛更換此：

<input type='submit' class='koko' value='zaktualizuj'> 

與此：

<input type='button' class='koko' value='zaktualizuj'> 

否則一切似乎罰款。

如果在提交後仍沒有正確的數據讀取，您必須爲控件定義id屬性。請務必爲整個網頁提供唯一的id屬性。