HTML - 使用php从文本字段<form> </form>中收集数据

时间:2014-09-18 10:47:01

标签: php html

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'];
?>

但我只得到&#34; otherData&#34;在表单内部并且无法获取用户名,以任何方式执行此操作?我听说Sessions在这里使用它有用吗?如何 ?

1 个答案:

答案 0 :(得分:0)

尝试将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>