如何在不重新加載頁面的情況下從輸入名稱獲取變量

Question

*嗨，伙計們，我想獲取輸入的名稱，因為她的名字有 ID，如果我使用表單方法 POST 來獲取頁面重新加載，那么我無法在同一頁面上使用彈出窗口**對不起我的語言:(*

enter code here

                <td>
                    <button class=" button" onclick="show()" style="vertical-align:middle" type="submit"
                        name="<?php echo $r['Id_Etudiant']; ?>" >
                        <span>Editer<i class=" fas fa-user-edit"></i></span>


                    </button>

                </td>

函數 onclick show() ，它是我用於調用彈出窗口的函數 js。

這是我需要在其中放置數據的 div（它是我的彈出窗口）。

enter code here
<div class="background_page_modify" id="page_modify" onclick="hide()">
    <div class="page_etudiant" onclick="event.stopPropagation()">
        <div class="closebtn" id="closebtn" onclick="hide()">
            <div class="circle"> +</div>
        </div>
        <div class="etudiant_box">

            <?php

/*here is window popup where i wanna display my data but i cant and if i use form method POST i cant fixed my popup cuz the page is reload */ ?>

    </div>
</div>

Answer 1

簡單的方法是使用jquery。

您獲得輸入的名稱，然后將其放入 div。

$(document).on("click", "#inputId", function(){
    $("#yourDivId").html($(this).attr("name"));
});

Answer 2

基本上，如果您想防止重新加載，您應該使用 JavaScript 而不是 PHP。

要從具有某些 id 的輸入中獲取值，您可以使用document.querySelector('#inputId').value

要將一些文本轉換為一些 HTML 元素，可以使用document.querySelector('#someElementId').innerText = 'some text';

例如。 將輸入中的值復制到一些您可以編寫的 HTML 元素： document.querySelector('#someElementId').innerText = document.querySelector('#inputId').value;