發送變量值來引導模式

我只是學習bootstrap..I需要幫助任何人誰知道如何變量值發送到一個模式..發送變量值來引導模式

，使其更加清晰，我有一個錶行動專欄。操作欄由編輯和刪除按鈕組成。如果點擊了編輯按鈕，那麼會出現一個帶有編輯窗體的模態（我將模態與模態觸發按鈕放在同一個文件中）。我的問題是，如何將以下數據的ID發送到模態中的編輯窗體？

這裏是編輯（更新）數據的代碼：

<a data-target="#modal-edit-user" data-toggle="modal"> <i class=" glyphicon glyphicon-edit">

這裏是模態代碼：

<div id="modal-edit-user" class="modal hide fade" 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"><b>Form Edit Data User</b></h4> 
      </div> 
      <div class="modal-body"> 
      <form name="tambah_user" method="POST" action="../controller/edit_user.php"> 
       <?php echo $id_user;?> 
       <div class="controls control-group"> 
       <input class="form-control" type="text" name="nama_user" placeholder=" nama user"> 
       <br><input class="form-control" type="text" name="alamat" placeholder=" alamat user"> 
       <br><input class="form-control" type="text" name="kota" placeholder=" kota"> 
       <br><input class="form-control" type="text" name="no_telp" placeholder=" nomor telepon user"> 
       <br><input class="form-control" type="text" name="username" placeholder=" username login user"> 
       <br><input class="form-control" type="text" name="password" placeholder="password login user"> 
       </div> 
       <div class="modal-footer"> 
       <a class="btn btn-default" data-dismiss="modal">Batal</a> 
       <input type="submit" name="sumbit" value="Simpan" class="btn btn-primary"> 
       </div> 
      </form> 
      </div> 
     </div><!-- /.modal-content --> 
     </div><!-- /.modal-dialog --> 
    </div><!-- /.modal -->

我希望有一個人誰可以解釋我的答案..謝謝很多:-)

來源

2014-04-29 user3581186

您應該使用javascript，因爲PHP只是服務器端語言。 – intelis

你能舉個例子讓我更容易理解嗎？ @intelis – user3581186

我假設你的表單是一個空白表單，這樣edit_user.php將捕獲表單，通過（隱藏）字段識別用戶，然後編輯用戶。

首先，在您的表單中，我看不到允許edit_user.php標識用戶的字段。我建議添加你的表格：<input id="my_user_id_input" type="hidden" name="user-id" value=""/>（並且在edit_user.php中，你將不得不檢查用戶是否被允許修改他要修改的用戶，不要忘記那部分）。

然後，你有兩種可能（但他們不是「引導的解決方案」，因爲我不認爲引導可能是一個解決問題的方法）：

你不想使用額外的JS。然後，您必須爲每個用戶生成一個模式編輯表單，因此當您單擊某個用戶時，將出現專用表單。 注意事項：可能導致安全問題。另外，如果你有很多用戶，這種方法是不合適的。
你確定JS。然後，您添加class="dynamic_form" data-user-id="<?php echo $id_user; ?>"您所有的<a data-target="#modal-edit-user" data-toggle="modal">（這樣包含用戶也是每個鏈接中包含的用戶ID），並在代碼中的某處這段代碼的jQuery：

;

$(document).ready(function() { 
    $('a.dynamic-form').click(function() { 
     var user_id = $(this).attr("data-user-id"); 
     $('input#my_user_id_input').attr("value", user_id) 
    }) 
});

我還沒有測試，但它應該沒問題。

來源

2014-04-29 18:45:33 scanafri

你可以用Javascript來做到這一點。只需單擊編輯按鈕，即可添加單擊事件偵聽器並更新表單。事情是這樣的：

$(document).ready(function() { 

    $('.user-edit').click(function() { 
     $('span.user-id').text($(this).data('id')); 
    }); 

});

這裏是你怎麼可能去做一個快速fiddle。

來源

2014-04-29 18:45:44 intelis

哇謝謝...你的代碼有效！我希望有一天能夠回報我的青睞... 非常感謝@intelis – user3581186

如果一個答案是有幫助的，你可以提交它作爲一個接受的答案:) – intelis

發送變量值來引導模式

回答

相關問題