Javascript 加载.php页面并用表单操作填充输入
我有一个带有实时搜索功能的页面,名为“list.php”。在另一个页面上,我有一个搜索输入,在提交该搜索后,我想进行查询,加载list.php并在list.php上填充实时搜索 php具有以下功能:Javascript 加载.php页面并用表单操作填充输入,javascript,php,Javascript,Php,我有一个带有实时搜索功能的页面,名为“list.php”。在另一个页面上,我有一个搜索输入,在提交该搜索后,我想进行查询,加载list.php并在list.php上填充实时搜索 php具有以下功能: <input type="text" id="myInput" onkeyup="databaseSearch()" placeholder="Search"> 我的另一个页面的搜索是: <form action="search2.php"> <input c
<input type="text" id="myInput" onkeyup="databaseSearch()" placeholder="Search">
我的另一个页面的搜索是:
<form action="search2.php">
<input class="mb0" type="text" placeholder="Search..." />
</form>
我认为最好的方法是使用表单操作,但我不确定如何加载list.php和填写#myInput
谢谢 执行类似操作并更改适合脚本的内容,同时不要忘记使用适当的过滤器: 这将在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;?>
$('#myInput').val('');
$('#myInput')。触发器('keyup');
在函数中传递值将使文本得以输入,使用.val()
意味着您希望将获取的值放入任何表单字段中,只要有Value=”“
选项
这是一个指向Jquery CDN在线文件的脚本
如果您有Jquery,您通常不需要它
<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>
及
祝你好运:)你想用Jquery写吗?还是一个必须的Javascript?我对其中任何一个都很满意,无论哪一个更有效。在搜索页面和表单提交上输出表单捕获list.php上的详细信息,执行查询并显示结果。或者将搜索字段和列表放在同一页上,然后在提交时创建一个会话变量,并将搜索值保存在该变量的数组中,然后在分解数组后执行SQL查询,并使用JQuery在同一页上显示搜索结果。
onkeyup="databaseSearch(value)"
function databaseSearch(value) {
$(".mb0").val(value);
}