2015-11-03 93 views
1

我有一個問題,從MySQL表中獲取id到模態。 我收到了一個包含mysql表中數據的數據表。我把一個「更新」按鈕來編輯數據。 UPDATE按鈕在同一頁面打開模態。按鈕代碼是;如何從MySQL獲取id到模態?

<a data-toggle='modal' class='btn btn-success btn-setting' href='#myModal1'>UPDATE</a> 

它工作完美,打開模式很好。但問題從那裏開始。 我需要定位並將該ID發佈到模態內容。要做到這一點,我必須做點像**href='something.php?id={id}'**

我有href='#myModal1'>所以我做不到。

我試過了什麼?

我已經試過**href='#myModal1?kid={$list["kid"]}'** 當我鼠標移動到按鈕,我可以看到,它是獲得ID,但是當我點擊按鈕的模式是不開放。 另外我試圖搜索谷歌。我想很多人正在解決這個JavaScript,我不知道:)任何幫助將是真棒。謝謝 !

+0

使用函數在'onclick'事件中傳遞值。在功能上,使用該值填充控件 – Thamilan

+0

在你的模型div中設置一個隱藏字段並設置ID,然後你可以在帖子上也可以? –

+2

將新屬性添加到錨標記,data-id =「update-id」。然後使用jquery獲取它。 – Ravneet

回答

0

創建一個類(任何類名)。例如,我在<a>標籤中創建了'UpdateButton'。 創建一個'data-OrderID'(或任何名稱)。對於前者,我在<a>標記中創建了'data-OrderID'。在此屬性中傳遞您的ID的值。在下面的<script>標籤中使用。

<a href='#myModal1' class='btn btn-success btn-setting UpdateButton' data-OrderID="<?echo $YourIdHere;?>" data-toggle='modal'> 
    UPDATE 
</a> 

現在,在<script>標籤,我用 'UpdateButton' 類調用模式。而且, 'data-OrderID' 傳遞價值,以something.php

<script> 
    $('.UpdateButton').click(function(){ 
     var Id=$(this).attr('data-OrderID'); 
     $.ajax({url:"something.php?Id="+Id,cache:false,success:function(result){ 
      $(".modal-content").html(result); 
     }}); 
    }); 
</script> 

something.php(模式)

<? 
echo $Id = $_GET['Id']; 
?> 

這對我的作品。希望你也是。

檢查Here瞭解更多信息。

+0

如果仍然使用'.attr()'''''''''''''''''''''''''''''''''''''''''''''這個'var id = $(this) .data('OrderID');' – Shehary

+0

嘗試了你解釋的所有方法。仍然沒有運氣。我想我做錯了:/ – Fxx

+0

Hi @Fxx。我已經回答了這類問題。即使這個問題是我最喜歡的。我很震驚,爲什麼它不工作。但是,不幸的是,這段代碼並沒有幫到你。我真的很抱歉。 –

0

在HTML中添加數據屬性爲波紋管我用「數據EXID」

<a data-toggle='modal' data-exid='[YOUR ID]' class='btn btn-success btn-setting' href='#myModal1'>UPDATE</a> 

,並嘗試爲模型箱婁代碼開始事件

jQuery('#myModal1').on('show.bs.modal', function(event) { 
var button = jQuery(event.relatedTarget) // Button that triggered the modal 
var exId = button.data('exid') // Extract info from data-* attributes 
// If necessary, you could initiate an AJAX request here (and then do the updating in a callback). 
// Update the modal's content. We'll use jQuery here, but you could use a data binding library or 0other methods instead. 

/*Add this line in local*/ 
var modal = jQuery(this) 
modal.find('#logId').val(-1) 
modal.find('#logId').val(exId)}); 

這裏的「#logId」是一個id模型中的隱藏框

+0

無需創建2個變量'var button'&'var exId',它可以通過一個像這樣的變量來完成'var exId = jQuery(event.relatedTarget).data('exid')' – Shehary

+0

@Shehary yes,you是正確的。用於說明 –

+0

仍然沒有運氣,並試圖通過谷歌找出它。 – Fxx