如何在模态动作url中设置一个值

当点击删除按钮时，模态删除按钮链接从删除按钮有一个值。我的代码如何在模态动作url中设置一个值

<script> 
$(document).on("click", "#myModal", function (e) { 

    e.preventDefault(); 

    var _self = $(this); 

    var myBookId = _self.data('adid'); 
    $("adid").val(myBookId); 

    $(_self.attr('href')).modal('show'); 
}); 



</script>

删除按钮代码

print'<td><button class="btn btn-danger" data-toggle="modal" id="myModal" data-target="#myModal" data-adid='.$cd[$i][0].'>Delete Item</a></button>

模态代码

<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">&times;</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>

时点击删除项目按钮，然后显示一个模式，该模式删除链接有一个像?a=yes&adid=

一个网址

后&adid有一个来自删除item data-adid的值。

，但我的代码无法正常工作

来源

2014-02-22 shanto

检查这个http://stackoverflow.com/questions/21381482/bootstrap-modal-access-value-of-parent-object/21382155＃21382155 –

首先你有相同的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">&times;</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"); 
});

JSFIDDLE

来源

2014-02-22 09:47:14

我使用你的代码，但没有添加任何值在=是＆adid = – shanto

检查更新的代码。 –

如何在模态动作url中设置一个值

回答

相关问题