发送变量值到Bootstrap模态

Question

我正在学习引导程序。.我需要知道如何将变量值发送到模式的任何人的帮助。

为了更加清楚，我有一个带有动作列的表格。 操作列由编辑和删除按钮组成。 如果单击了编辑按钮，则会出现具有编辑形式的模态（我将模态与模态触发按钮放在同一文件中）。 我的问题是，如何将以下数据的ID发送到模式形式的编辑表单中？

这是编辑（更新）数据的代码：

<a data-target="#modal-edit-user" data-toggle="modal"> <i class=" glyphicon glyphicon-edit">

这是模式代码：

<div id="modal-edit-user" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel"><b>Form Edit Data User</b></h4>
          </div>
          <div class="modal-body">
            <form name="tambah_user" method="POST" action="../controller/edit_user.php">
              <?php echo $id_user;?>
              <div class="controls control-group">  
                <input class="form-control" type="text" name="nama_user" placeholder=" nama user">
                <br><input class="form-control" type="text" name="alamat" placeholder=" alamat user">
                <br><input class="form-control" type="text" name="kota" placeholder=" kota">
                <br><input class="form-control" type="text" name="no_telp" placeholder=" nomor telepon user">
                <br><input class="form-control" type="text" name="username" placeholder=" username login user">
                <br><input class="form-control" type="text" name="password" placeholder="password login user">
              </div>
              <div class="modal-footer">
                <a class="btn btn-default" data-dismiss="modal">Batal</a>
                <input type="submit" name="sumbit" value="Simpan" class="btn btn-primary">
              </div>
            </form>
          </div>
        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->  

我希望有人可以向我解释答案..非常感谢:-)

Answer 1

您可以使用Javascript完成。 单击“编辑”按钮时，只需添加一个单击事件侦听器并更新表单即可。 像这样：

$(document).ready(function () {

    $('.user-edit').click(function () {
        $('span.user-id').text($(this).data('id'));
    });

});

这里是一个快速小提琴的，你怎么能去了解它。