如何創建一個簡單的模態框但同時傳遞變量？

Question

我的網絡應用程序允許用戶創建項目。所有這些項目都使用唯一的ID在其儀表板上列出。

我想讓用戶重命名和刪除任何一個項目。我不想將它們發送到新頁面，而是希望向他們展示模態對話框（帶有模式疊加層的灰色背景），以便他們重命名或刪除項目。

我爲每個重命名和刪除功能創建了兩種模式（默認爲隱藏）。模態基本上包含一個表單元素，允許用戶採取一個行動，然後點擊提交重新加載頁面的變化。我不知道該怎麼做的是將項目ID傳遞給模式框，以便表單元素將項目ID作爲隱藏變量提交給控制器功能。

如何通過JavaScript啓動模態框並將變量（項目ID）傳遞給模態框？

Answer 1

看看模板。將您的表單標記保留在模板文件中（或將其與某個標識爲<script type="text/template">）。 然後，當您需要表單標記時，您只需調用特定模板並傳遞模板引擎將爲您呈現的一些變量。 有很多漂亮的模板引擎，例如：

• EJS
• Mustache
• Pure

Answer 2

我只想使用jQuery UI的modal-form他們給應該告訴你，你需要什麼樣的例子做