Javascript 没有搜索结果时从div隐藏div
我在stackoverflow和其他网站上尝试了很多方法,但只要我成功隐藏了div,就不会显示任何搜索结果 我已经尝试过:空选择器和摆弄php代码和js代码。但由于我对这一点很陌生,我似乎无法破解这个错误。我做错了什么 我的HTML HTML JSJavascript 没有搜索结果时从div隐藏div,javascript,php,html,css,mysql,Javascript,Php,Html,Css,Mysql,我在stackoverflow和其他网站上尝试了很多方法,但只要我成功隐藏了div,就不会显示任何搜索结果 我已经尝试过:空选择器和摆弄php代码和js代码。但由于我对这一点很陌生,我似乎无法破解这个错误。我做错了什么 我的HTML HTML JS 您的脚本有被删除的风险。看看发生了什么事。即使改为使用。您可以将输出的默认样式设置为显示:无,然后在post回调中用输出填充后显示。 <div class='search'> <for
您的脚本有被删除的风险。看看发生了什么事。即使改为使用。您可以将输出的默认样式设置为显示:无,然后在post回调中用输出填充后显示。
<div class='search'>
<form class="searchbox" action='index.php' method='post' autocomplete='off'>
<input type='text' name='search' class='searchform' placeholder='Søg efter skole...' onkeyup="searchq();">
</form>
<div id="output"></div>
</div>
<?php
include("connection.php");
$output = '';
//collect
if(isset($_POST['searchVal'])) {
$searchq = $_POST['searchVal'];
$searchq = preg_replace("#[^a-zA-Z0-9æøå]#i"," ", $searchq);
$query = mysqli_query($mysqli, "SELECT * FROM `products` WHERE name LIKE '%$searchq%'") or die("could not search");
$count = mysqli_num_rows($query);
if($_POST['searchVal'] == NULL) {
$output = '';
} else {
while($row = mysqli_fetch_array($query)) {
$name = $row['name'];
$id = $row['id'];
$output .= '<a href="kantine.php?id='.$id.'" class="searchres">'.$name.'</a><br>';
}
}
}
echo "<div class='output'>$output</div>";
?>
function searchq() {
var searchTxt = $("input[name='search']").val();
$.post("search.php", {
searchVal: searchTxt
}, function(output) {
$("#output").html(output);
});
}
<div class='search'>
<form class="searchbox" action='index.php' method='post' autocomplete='off'>
<input type='text' name='search' class='searchform' placeholder='Søg efter skole...' onkeyup="searchq();">
</form>
<div id="output" style="display: none;"></div>
</div>
.....
echo $output;
function searchq() {
var searchTxt = $("input[name='search']").val();
$.post("search.php", {
searchVal: searchTxt
}, function(output) {
$("#output").html(output);
if(output.length > 0) {
$("#output").show();
}
});
}