0

单击编辑链接引导模式表单加载后，我列出了用户的记录以及编辑链接

我的页面有以下代码（不确定是否有更好的方法来动态创建模式）

用户提交模态表单后更改后，模态将消失，并且将在 users.php 页面上显示更新消息

但是我的警报框为我单击的每个模态的提交按钮显示相同的表单 ID（即第一个模态的表单 ID）并显示空白数据字符串（表单序列化）

我想将相应表单的数据传递给 process.php

以下是我的 users.php 的一部分

<?php whlie($row=mysql_fetch_array($result)){?>
<div id="editkey" class="modal hide fade" style="display: none; ">
   <div class="modal-header">
      <a class="close" data-dismiss="modal">X</a>
      <h3>Edit users Details</h3>
   </div>
<div>
<form id="keyfrm<?=$row['id'];?>">
   <fieldset>
   <input type="hidden" name="keyid" value="<?=$row['id'];?>">
     <div class="modal-body">
        <ul class="nav nav-list">
        <li class="nav-header text-left"><p>Name :</p></li>
        <li class="nav-header text-left"><p><input type="text" name="name"></p></li>
        </ul> 
    </div>
  <fieldset>
</form>
</div>
<div class="modal-footer">
    <button class="btn btn-success" id="submit">submit</button>
    <a href="#" class="btn" data-dismiss="modal">Close</a>
</div>

我有包含的 js 文件

$(document).ready(function(){
 $('#submit').click(function() {
   var formID = $('form').attr('id');
   alert(formID);
   var datastring = $(this).closest('form').serialize();  // may be working
   alert(datastring);
    $.ajax({
    type: 'POST',
    url: 'update_user.php',
    data: datastring ,
    success: function(msg) {
        alert(msg);
            var data=msg.split('|');
            $(data[0]).modal('hide');
            $('#result').html('');
            $('#result').fadeOut("slow");
            if(data[1]==='Success'){
                $('#result').css('background-color','#DDF9B3');
                $('#result').text("Data is updating...please wait for changes to take effect");
                window.setTimeout(function(){location.reload()},3000)
            }else{
                $('#result').css('background-color','#FE9898');
                $('#result').text("Error Occured");}
            //$('#result').html(msg);
            $('#result').fadeIn("slow");
            $("#result").delay(4200).fadeOut(800);
        }
    });

    event.preventDefault();
  });
});

任何帮助将不胜感激

4

1 回答 1

0

以与获取数据相同的方式获取 formID： 

var formID = $(this).closest('form').attr('id');
   alert(formID);
   var datastring = $(this).closest('form').serialize();
于 2013-09-12T16:14:13.860 回答