Question

我试图找到最简单的非专家编码器解决方案来显示搜索查询。

我有一个搜索表单，其中点击提交按钮，它会显示下面的表单值。这是代码：

<input type="text" name="searchfield" id="searchfield" value="" />
<input type="submit" name="submit" id="submitSearch" value="Submit" onclick="document.getElementById('output').innerHTML = document.getElementById('searchfield').value" />
<div id="output"></div>

页面会在提交时重新加载，而不是转到另一个页面。

是否有一种操作代码的简单方法是在输出div中显示值在页面加载时自动 ，而不是onclick？

因此，刷新或提交后加载页面后，将自动显示搜索框中的内容。如果没有输入任何内容，则不会显示任何内容。

Answer 1

有很多方法可以实现这一目标，但这可以胜任：

<input type="text" name="searchfield" id="searchfield" value="" />
<button onclick="document.getElementById('output').innerHTML = document.getElementById('searchfield').value">Submit</button>
<div id="output"></div>

使用PHP，

<input type="text" name="searchfield" id="searchfield" value="" />
<input type="submit" name="submit" id="submitSearch" value="Submit" />
<div id="output">
<?php
if($_GET['searchfield'])
    echo $_GET['searchfield'];
?>
</div>

在页面加载时自动显示表单值或使用.innerHTML提交

1 个答案: