如何獲取模態內的數據ID，然后將其傳遞給Ajax？

Question

我目前正在使用具有CREATE EVENT模塊的系統。 現在，此CREATE EVENT模塊允許用戶創建事件並將其顯示在其個人資料上，其他用戶也可以加入其事件。 我使用模態來查看發布的事件的更多詳細信息。 從創建事件的角度來看，如果事件已經完成，則用戶可以將事件發布到此所謂的“過去事件”。 由於無法弄清楚如何在模式內部傳遞事件的ID，因此發布時遇到了麻煩。

這是我的模態。 我使用ajax檢索和顯示數據。

<div id="readmore" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title" id="event_title"></h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-xs-6">
                        <img id="event_img">
                        <h6>HOW TO GET THERE</h6>
                    </div>
                    <div class="col-xs-6">
                        <p id="event_description"></p>
                        <h6>WHEN</h6>
                        <p id="event_start"></p>
                        <h6>WHO</h6>
                        <p id="occupation"></p>
                        <h6>WHAT TO BRING</h6>
                        <p id="event_material_req"></p>
                    </div>
                </div> 
            </div>
            <div class="modal-footer">
                <a class="btn btn-danger" data-dismiss="modal" onclick="publishToPast()">Publish to Past Activity</a>
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

現在我要的是單擊此<a class="btn btn-danger" data-dismiss="modal" onclick="publishToPast()">Publish to Past Activity</a>時，它將獲得ID為以模態記錄數據，然后更新數據庫中事件的狀態，以便現在可以在過去事件中顯示它。 我當時正在考慮通過PHP（通過$ _SESSION）來獲取它，但是我不能這樣做，因為模式取決於用戶將創建的事件數。

Answer 1

您沒有提及，但我想您正在使用Ajax調用來獲取和顯示此模式下的事件數據。 在這種情況下，您將以顯示WHEN ， WHO ， WHAT的數據等方式。您可以在此模式中添加一個隱藏的輸入字段，並添加一些唯一的ID，如下所示，然后在該輸入字段中插入事件ID。

<input type="hidden" name="event_id" id="event_id" value="">

現在，在您的publishToPast（）函數中，編寫以下代碼。

var eventId = $("event_id").val();

現在，您在eventId變量中有了事件ID。 隨時隨地使用它。

當模式關閉時，請記住從該輸入中刪除事件ID。

Answer 2

如果僅在onclick函數中顯示模態時具有ID， onclick="publishToPast(herePassIDvalue)"