提交時出現多表單克隆問題。提交第一個輸入組

我有一個從MySQL加載數據的腳本，然後我爲每個結果集生成一個div。在每個div中我加載幾個數據並生成一個表單。我遇到的問題是腳本正在從第一個表單提交數據。提交時出現多表單克隆問題。提交第一個輸入組

下面的代碼：

<script> 
function getitems(){ 
    $.ajax({ 
     type: 'POST', 
     url: 'userAction.php', 
     data: 'action_type=view&'+$("#userForm").serialize(), 
     success:function(html){ 
      $('#userData').html(html); 
     } 
    }); 
} 
function userAction(type,id){ 
    id = (typeof id == "undefined")?'':id; 
    var statusArr = {add:"added",edit:"updated",delete:"deleted"}; 
    var userData = ''; 
    if (type == 'add') { 
     userData = $("#addForm").find('#userForm'+id).serialize()+'&action_type='+type; 
     }else{ 
     userData = 'action_type='+type+'&id='+id; 
    } 
    $.ajax({ 
     type: 'POST', 
     url: 'userAction.php', 
     data: userData, 
     success:function(msg){ 
      if(msg == 'ok'){ 

       getitems(); 
       $('.form')[0].reset(); 

      }else{ 
       alert('Hubo un problema, intentar de nuevo!'); 
      } 
     } 
    }); 
} 

</script>

而且形式：

<form class="form" id="userForm<?php echo $r['id']; ?>"> 
    <div class="form-group col-xs-7"> 
    <label>Descripcion</label> 
    <input type="text" class="form-control" name="item_prt" id="item_prt"/> 
     </div> 
    <div class="form-group col-xs-3"> 
     <label>Precio</label> 
    <input type="text" class="form-control" name="precio_prt" id="precio_prt"/> 
    </div> 
    <input type="text" class="form-control" name="idserv_prt" id="idserv_prt" value="<?php echo $orden;?>" /> 
<a href="javascript:void(0);" class="glyphicon glyphicon-plus" id="addLink" onclick="userAction('add', '<?php echo $r['id']; ?>')"></a> 
    </form>

我需要區別各個形式，因爲所有人都dinamically從MySQL的結果產生。所以，如果我提交第一個表單，它就可以，但是當我提交其他表單時，它也會提交第一個表單。

所有的作品好，如果我只有一種形式。

謝謝！

來源

2017-02-13 Gustavo Andriuolo

隨着'$（「#addForm」）。find（'。form'）'您正在從第一個表單請求數據。您需要傳遞表單號碼或實施不同。 – NotABlueWhale

編輯您的問題，更詳細地解釋您點擊添加按鈕時想要實現的功能。 – Mikey

您需要的形式ID添加如下：

... 
if (type == 'add') { 
    userData = $("#addForm").find('#userForm'+id).serialize()+'&action_type='+type; 
    // ----------------------------------------^ 
}else{ 
    ...

，當你調用userAction（）函數，只需添加第二個參數的心願是ID：

<a href="javascript:void(0);" class="glyphicon glyphicon-plus" id="addLink" onclick="userAction('add', <?php echo $orden; ?>)"></a>

來源

2017-02-13 23:58:36

我做到了，表格中添加了ID，但仍然無效。它仍然在尋找第一種形式... –

你能發佈你的更新代碼 –

你的js代碼和html –

提交時出現多表單克隆問題。提交第一個輸入組

回答

相關問題