如何在不重新加载页面的情况下从输入名称中获取变量

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;