我通過 $_GET 為頁面帶來一個值并將其插入到我的搜索文本框中。該框是使用 ajax 自動完成的。問題是，當它被放入搜索框中時，它不會自動搜索。需要我按一個鍵才能開火。插入值后是否有一種簡單的方法可以讓它提交？或者也許有不同的方法來完成這個？
<div class="form-group">
<input type="text" name="search_box" id="search_box" class="form-control input-lg" placeholder="Type your search here" '.(isset($_GET['search']) ? 'value="'.$_GET['search'].'"' : "").' />
</div>
<script>
$(document).ready(function(){
load_data(1);
function load_data(page, query = '')
{
$.ajax({
url:"fetch.php",
method:"POST",
data:{page:page, query:query},
success:function(data)
{
$('#dynamic_content').html(data);
}
});
}
$(document).on('click', '.page-link', function(){
var page = $(this).data('page_number');
var query = $('#search_box').val();
load_data(page, query);
});
$('#search_box').keyup(function(){
var query = $('#search_box').val();
load_data(1, query);
});
});
</script>
uj5u.com熱心網友回復：
好吧，因為您使用的是 jQuery，所以就像觸發事件一樣簡單
var search = $('#search_box');
search.keyup(function(){ .... });
if (search.val().trim()) search.trigger('keyup');
或者只是呼叫你的函式
var searchValue = $('#search_box').val().trim();
if (searchValue) load_data(1, searchValue);
uj5u.com熱心網友回復：
你可以嘗試模擬“輸入”
var e = jQuery.Event("keypress");
e.which = 13; //choose the one you want
e.keyCode = 13;
$("#theInputToTest").trigger(e);
演示
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/349358.html
標籤：javascript php 查询 阿贾克斯