php - 提交表单和使用值 (JavaScript)

Question

如何在 javascript 中使用表单“提交”的值？

事实:
这是一个PHP文件
我正在使用 JavaScript，因为我需要一些时间因素，我认为我无法从服务器端脚本中获得 :)

简化；我想要的是，当提交此表单或单击按钮时:

<form method="POST" action="test.php">
<input type="text" name="foo" size="30">
<input type="submit" value="Click me"> //it doesn't have to be submitted
<input type="button" action="some_action" value="Click me"> //an alternative solution
</form>

名为“foo”的文本输入的值显示在别处。

注意 不必提交表单，我真正想要的是，当您按下按钮时，该值可以在其他地方使用

我应该改用 GET 吗？我可以只使用 $_POST 数组吗？我应该使用 AJAX(我完全没用)吗？我不知道在这种情况下该怎么办。

Answer 1

由于您提到它并不完全取决于表单是否已提交，因此在不发布/获取表单的情况下更容易捕获值。在body部分写完你的接口(interface)逻辑后，你需要在最后的footer页面写如下代码:-

anypage.php:-

<form method="POST" action="test.php">
  <input type="text" name="foo" id="foo" size="30" />
  <input type="submit" onclick="return writeFoo('foo_placeholder', 'foo');" value="Click me" /> //it doesn't have to be submitted
  <input type="button" onclick="return writeFoo('foo_placeholder', 'foo');" action="some_action" value="Click me" /> //an alternative solution
</form>

以上代码是您的代码，仅进行了一些小的修改，包括在按钮/提交的“点击”事件上调用 JS 函数“writeFoo()”。这个函数有两个参数:-

• arg - 它提到要打印值的 HTML 元素的目标占位符 ID。
• source - 它提到了 HTML 元素的源 ID，值将从中获取。

rightpart.php:-

<div>
    <span id="foo_placeholder"></span>
</div>

上述 HTML 代码可用于任何面板，但在向用户显示“anypage.php”页面时必须包括在内。这是因为在调用“foo”元素时必须存在占位符元素。请注意在“writeFoo()”函数调用时间和本页面中使用相同的 ID。

footer.php:-

<script type="text/javascript"><!--
function writeFoo(arg, source) {
    if(document.getElementById(arg) != null) {
        document.getElementById(arg).innerHTML = document.getElementById(source).value;
    }
}
// --></script>

并且这个页面应该包含上面包含“writeFoo()”函数定义的JS代码。

编辑，至于@Latze:-
看到你可以将“rightpart.php”页面包含在“anypage.php”页面的同一 block 中或任何其他页面的任何 block 中(如“header.php"/"footer.php"页)。但主要逻辑是，当您查看特定页面时，源 ID(从中获取值)和目标/占位符 ID(要显示值的位置)都必须存在(在这种情况下，这意味着当您查看“anypage.php”页面时)。

希望对您有所帮助。