使“编辑”按钮工作

Making an EDIT button work

本文关键字：按钮工作编辑更新时间：2023-09-26

<a href="#" data-target="#edit-order value="<?php echo $users[$i]['id']; ?>" name="delete-order" id="bb-confirm" data-placement="left" data-rel="tooltip" data-toggle="modal" data-original-title="Delete Order" class="btn btn-danger"><i class="fa fa-times icon-only"></i></a>

我想将"价值"信息解析到此编辑顺序表单，但我无法使其工作。我尝试过 GET 但什么都没有。

<div class="modal fade modal-scroll" id="edit-order" 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">Ã—</button>
                    <h4 class="modal-title" id="myModalLabel"><i class="fa fa-plus-circle"></i> Add Order</h4>
                </div>
                <div class="modal-body padding-2x">
                    <form role="form" method="post">
                        <div class="form-group">
                            <label>Order ID #</label>
                            <?php echo ORDER-ID-PASSED-FROM-BUTTON; ?>
                        </div>   
                        <div class="form-actions no-padding-bottom">
                            <div class="btn-group">
                                <button type="submit" name="edit-order" class="btn btn-primary">Update Order</button>
                            </div>          
                        </div>                                              
                    </form>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

有人可以帮助我吗？多谢

如果您的模式对话框保留在 DOM 中，您可以使用以下代码：

var links = document.querySelectorAll('[data-target="#edit-order"]');
[].forEach.call(links, function(link) {
   link.onclick = function() {
      var value = link.getAttribute('value');
      var group = document.querySelector('.modal form .form-group');
      var input = document.querySelector('.modal form .form-group input');
      if (input) {
          group.removeChild(input);
      }
      input = document.createElement('input');
      input.setAttribute('value', value);
      input.setAttribute('name', 'order');
      group.appendChild(input);
   };
});

或使用jQuery：

$('[data-target="#edit-order"]').click(function() {
   $('.modal form .form-group input').remove();
   var value = $(this).attr('value');
   $('.modal form .form-group').append('<input name="order" value="' + value + '"/>');
});