如何發送一個帶有href id的值到模式

Question

我試圖做一個項目編輯器。

例如： 我有一個產品，我想刪除它的序列號（這是所有存儲在數據庫中）

所以我按減號圖標，我「借」未來多數民衆贊成設到。產品名稱：

<a href="#RemoveSerialNumberModal" data-toggle="modal"><i class="icon-minus"></i></a> 

這將打開一個名爲「RemoveSerialNumberModal」與「你確定」按鈕模式。

這個工作都很好，但是下面有多個產品，我怎麼能告訴模式上需要刪除序列號的產品？ （所有產品都有自己的一對圖標）。

它的代碼模式與產品列表位於同一個文件中。但不在同一個foreach循環中。

我更喜歡不使用JS，但如果沒有其他方式。它必須這樣做。

---------------編輯---------------

做產品，有自己的id ofcourse。

---------------編輯---------------

這裏是模態：

<!-- Modal --> 
    <div id="RemoveSerialNumberModal" class="modal hide fade"> 
     <div class="modal-header"> 
      <a href="#" data-dismiss="modal" class="close">&times;</a> 
      <h3>Update serienummers</h3> 
     </div> 
     <div class="modal-body"> 
      <p>Selecteer het serienummer dat je wilt verwijderen.</p> 
     </div> 
     <div class="modal-footer"> 
      <button class="btn" data-dismiss="modal" aria-hidden="true">Sluiten</button> 
      <button id="RemoveSerialNumber" class="btn btn-danger eerste" type="submit">Verwijderen</button> 
     </div> 
    </div> 

Answer 1

使用數據屬性並同時單擊類名的toogle：

<a class="click" href="#RemoveSerialNumberModal" data="2121" data-toggle="modal"><i class="icon-minus"></i></a> 

$('.click').click(function(){ 
    $('.click').removeClass('clicked'); 
    $(this).addClass('clicked'); 
}); 

$('#RemoveSerialNumberModal').on('show.bs.modal', function(e) { // triggered when showing the modal 
    var data = $('.clicked').attr('data'); 
}); 

Answer 2

使用data-id屬性。

我在你的模式猜你有以下的html：

<input type="text" name="yourid" id="yourid" value=""/> 

//triggered when modal is about to be shown 
$('#RemoveSerialNumberModal').on('show.bs.modal', function(e) { 

    //get data-id attribute of the clicked element 
    var yourid = $(e.relatedTarget).data('id'); 

    //populate the textbox 
    $(e.currentTarget).find('input[name="yourid"]').val(yourid); 
});