HTML-使用php从文章的文本字段中收集数据<；表单>； - HTML - collect data with php from a textfield out of the post <form>

HTML - collect data with php from a textfield out of the post <form>

HTML:

<script src="bilal.js"></script>    
<form action="action.php" method="post" id="Form1">
        <input type="text" name="otherData" value="xxx">
        <input type="hidden" name="nameExample" value="" id="nameExampleCopy">
        <input type="submit">
    </form>
Username: <input type="text" name="nameExample" id="nameExampleOriginal">

JS代码将外部输入字段的值复制到隐藏的输入字段。

JS:

document.getElementById('Form1').addEventListener('submit', function () {
    var originalElement = document.getElementById('nameExampleOriginal');
    var hiddenElement = document.getElementById('nameExampleCopy');
    hiddenElement.value = originalElement.value;
});

action.php：

<?php
echo $_POST['otherData'];
print "'n";
echo $_POST['nameExample'];
?>

但我只得到表单中的"otherData"，无法获得用户名，有什么办法吗？我听说了Sessions，在这里使用它有用吗？如何？

尝试将JS部分放在同一页面中。。

<form action="action.php" method="post" id="Form1">
        <input type="text" name="otherData" value="xxx">
        <input type="hidden" name="nameExample" value="" id="nameExampleCopy">
        <input type="submit">
    </form>
Username: <input type="text" name="nameExample" id="nameExampleOriginal">
<script>
document.getElementById('Form1').addEventListener('submit', function () {
    var originalElement = document.getElementById('nameExampleOriginal');
    var hiddenElement = document.getElementById('nameExampleCopy');
    hiddenElement.value = originalElement.value;
});
</script>