Javascript 使编辑按钮工作
我想将“值”信息解析到此编辑订单,但我没有成功使其工作。我试过了,但什么也没试过Javascript 使编辑按钮工作,javascript,php,html,Javascript,Php,Html,我想将“值”信息解析到此编辑订单,但我没有成功使其工作。我试过了,但什么也没试过 <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="Delet
<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>
×
添加订单
订单号#
更新顺序
有人能帮我吗?非常感谢如果您的模式对话框停留在DOM中,您可以使用以下代码:
<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 -->
或者使用jQuery:
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);
};
});
$('[data target=“#编辑顺序“])。单击(函数(){
$('.modal form.form group input').remove();
var value=$(this.attr('value');
$('.modal form.form group')。追加('');
});
我想将按钮中的值id提取到表单中。。。我想保持按钮的原样…没有价值的意义“编辑顺序模式的html是始终在DOM中还是动态创建的?它始终是相同的您没有关闭数据目标属性。没有更简单的方法吗?”?我不是一个专业的程序员,我无法添加这个myself@Adrian不,您需要动态创建具有值的输入,这是最短的代码。jQuery版本没有太多代码。我将使用值dynamicali创建隐藏输入,但如何将其传递到#edit order弹出表单?
$('[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 + '"/>');
});