Javascript 如何在模态动作url中设置值
单击“删除按钮”时,“模式删除按钮”链接具有“删除按钮”中的值。 我的代码Javascript 如何在模态动作url中设置值,javascript,php,jquery,html,twitter-bootstrap,Javascript,Php,Jquery,Html,Twitter Bootstrap,单击“删除按钮”时,“模式删除按钮”链接具有“删除按钮”中的值。 我的代码 $(文档)。在(“单击”,“我的模态”,函数(e){ e、 预防默认值(); var _self=$(本); var myBookId=_self.data('adid'); $(“adid”).val(myBookId); $(_self.attr('href')).modal('show'); }); 删除按钮代码 print'<td><button class="btn btn-danger"
$(文档)。在(“单击”,“我的模态”,函数(e){
e、 预防默认值();
var _self=$(本);
var myBookId=_self.data('adid');
$(“adid”).val(myBookId);
$(_self.attr('href')).modal('show');
});
删除按钮代码
print'<td><button class="btn btn-danger" data-toggle="modal" id="myModal" data-target="#myModal" data-adid='.$cd[$i][0].'>Delete Item</a></button>
print'删除项目
模态码
<div class="modal fade" id="myModal" 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">Heads Up!
<p>What you are doing will delete a data!</p></h4>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-success"><a href="a=yes&adid=" >Delete</a></button>
</div>
</div>
</div>
</div>
&时代;
小心!
您正在执行的操作将删除一个数据
关
单击“删除项目”按钮,然后显示模式,此模式删除链接的url类似于?a=yes&adid=
在&adid
之后,有一个来自删除项目数据adid的值
但是我的代码不起作用首先,删除按钮和模式都有相同的id(myModal)。 试试下面的代码
<button class="btn btn-danger" data-toggle="modal" id="deleteBtn" data-target="#myModal" data-adid='.$cd[$i][0].'>Delete Item</button>
<div class="modal hide" id="myModal" 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">Heads Up!
<p>What you are doing will delete a data!</p></h4>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-success"><a href="" >adid=''</a></button>
</div>
</div>
</div>
</div>
选中此复选框,我使用您的代码,但不在a=yes&adid中添加任何值=
<button class="btn btn-danger" data-toggle="modal" id="deleteBtn" data-target="#myModal" data-adid='.$cd[$i][0].'>Delete Item</button>
<div class="modal hide" id="myModal" 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">Heads Up!
<p>What you are doing will delete a data!</p></h4>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-success"><a href="" >adid=''</a></button>
</div>
</div>
</div>
</div>
$(document).on("click", "#deleteBtn", function (e) {
e.preventDefault();
e.stopPropagation();
var link = $(this).attr('data-adid');
$("#myModal .btn-success a").attr('href',link);
$(".modal").modal("show");
});