首頁 > web前端 > js教程 > 點擊超連結時如何將資料傳遞到開機模式?

點擊超連結時如何將資料傳遞到開機模式?

Susan Sarandon
發布: 2024-12-26 02:55:13
原創
353 人瀏覽過

How to Pass Data to a Bootstrap Modal When Clicking a Hyperlink?

將資料傳遞到Bootstrap 模態

目前的任務包含在按一下超連結時開啟Bootstrap 模態並將關聯的ID傳遞給模態。儘管進行了嘗試,用戶還是遇到了模式仍然不活動或缺少必要數據的問題。

解決方案

利用 jQuery 框架的 .on 事件處理程序被證明是一種有效的方法方法。考慮以下方法:

HTML

<a data-toggle="modal" data-id="ISBN564541" title="Add this item">
登入後複製

JavaScript

$(document).on("click", ".open-AddBookDialog", function () {
    var myBookId = $(this).data('id'); // Retrieve the ISBN from the clicked link
    $(".modal-body #bookId").val(myBookId); // Set the input field's value in the modal
    // It is unnecessary to manually call the modal as Bootstrap handles it with data-toggle="modal"

});
登入後複製

使用此方法,按一下超連結將開啟模式並使用從連結檢索到的ID 填入輸入欄位。該解決方案有效解決了在點擊超連結時將資料傳遞到 Bootstrap 模式的問題。

以上是點擊超連結時如何將資料傳遞到開機模式?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板