bootstrap modal 传值

发布于 2022-08-28 23:25:31 字数 1809 浏览 15 评论 0

请问怎么才能在点击LINK时把那条记录的ID传给模态框呢?

链接

<a href="javascript:void(0);" class="jq_link" rel="<?php echo $val['id'];?>">link</a>

模态框

<div class="modal fade" id="Modal" 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 jq_message">TITLE</h4>
      </div>
      <div class="modal-body">
        <form method="post" action="index.php&id=???这里需要传值" class="form-horizontal" role="form">
        <div class="form-group">
          <label for="inputname" class="col-sm-2 control-label">NAME</label>
          <div class="col-sm-8"><input type="text" name="name" id="inputname" value="" class="form-control"></div>
        </div>
        <div class="form-group">
          <label for="inputtel" class="col-sm-2 control-label">TEL</label>
          <div class="col-sm-8"><input type="text" name="tel" id="inputtel" value="" class="form-control"></div>
        </div>         
      </div>
      <div class="modal-footer">
        <button type="submit" class="btn btn-primary">SUBMIT</button>
      </div>
      </form>
    </div>
  </div>
</div>

JS

<script>
$(document).ready(function() {
  $(".jq_link").click(function() {
    var id = $(this).attr('rel');
    $("#Modal").modal();
  });
});
</script>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

剩一世无双 2022-09-04 23:25:31

JS

$(document).ready(function() {
  $(".jq_link").click(function() {
    var id = $(this).attr('rel');
    $("#Modal .modal-body > form").attr("action", "index.php?id=" + id);
    $("#Modal").modal();
  });
});
小帐篷 2022-09-04 23:25:31

表单提交后自动关闭模态框要怎么补充?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文