Question

我有一个带有实时搜索功能的页面，称为“ list.php”。在另一页上，我有一个搜索输入，提交搜索后，我要进行查询，加载list.php并在list.php上填写实时搜索。

list.php具有以下内容：

<input type="text" id="myInput" onkeyup="databaseSearch()" placeholder="Search">

我另一页的搜索是：

 <form action="search2.php">
 <input class="mb0" type="text" placeholder="Search..." />
 </form>

我认为最好的方法是通过表单操作，但是我不确定如何同时加载list.php和填写#myInput

谢谢！

Answer 1

执行类似的操作并更改适合您脚本的内容，也不要忘记使用适当的过滤器：这在list.php上，并使其他表单动作也指向list.php：

<?php
if(isset($_POST['another_page_txt'])):  ?>
<script>
    $('#myInput').val('<?php print $_POST['another_page_txt']?>');
    $('#myInput').trigger('keyup');
</script>
<?php endif;?>

Answer 2

在函数中传递值将得到键入的文本，并且使用.val()表示您希望将获得的值放入需要value=""选项的任何表单字段中

这是一个在线指向Jquery CDN文件的脚本

<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>

如果您有Jquery，则Prolly不需要此

  <script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>
  <input type="text" id="myInput" onkeyup="databaseSearch(value)" placeholder="Search">

  <form action="search2.php">
    <input class="mb0" type="text" placeholder="Search..." />
  </form>

  <script type="text/javascript">
     function databaseSearch(value) {
        $(".mb0").val(value);
     }
  </script>

重要的补充是

onkeyup="databaseSearch(value)"

和

function databaseSearch(value) {
   $(".mb0").val(value);
}

祝你好运：）

加载.php页面并使用表单操作填充输入

2 个答案: