0

我是新来的，所以欢迎任何建议。

我有一种情况，我正在使用 javascript 过滤器函数来选择输入字段的值。提交时，会运行一个 php 脚本，该脚本会根据相关输入字段的值进行过滤。由于某种原因，这不起作用，因为我是新手，我认为这是一个常见错误。显然这里有一些小问题，这让我发疯。我想改进这一点并在这里获得最佳实践解决方案。

在有问题的代码下方找到：

HTML：

<div class="searchContainer">
    <div id="productDiv">
        <form autocomplete="off" onsubmit="search(this.value)">
            <div class="autocomplete">  
                <input id="myInput" type="text" placeholder="Search...">
            </div>
            <button type="submit">Go</button>
        </form>
    </div>
</div>

Javascript：

function search(str) {
        if (str == "") {
            document.getElementById("myInput").value = "";
            return;
        }
        if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else { // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                document.getElementById("products").value = this.responseText;
            }
        }
        xmlhttp.open("GET", "filterMerchant.php?q=" + str, true);
        xmlhttp.send();
    }

PHP - (filterMerchant.php):

<?php
include('dbconnect.php');

$q = intval($_GET['q']);

mysqli_select_db($mysqli,"theDB");
$search="SELECT * FROM thetable WHERE ref = '".$q."'";
$result = mysqli_query($mysqli,$search);

while($row = mysqli_fetch_array($result)) {

echo "<a class=\"merchantOutput\">" . $row['merch'] . "</a>";
echo "<a class=\"priceOutput\"><strong>" . $row['cost'] . "</strong></a>";
echo "<img src=\"img.png\" style=\"height:42px;width:42px;\" 
onclick=\"showMerchant(this.value)\" value=\"TestProfile\" 
class=\"merchantLink\">";       
}

mysqli_close($mysqli);
?>
4

1 回答 1

0

您需要防止默认表单提交。您可以通过false从onsubmit代码返回来做到这一点。

<form autocomplete="off" onsubmit="search(this.value);return false">
于 2018-10-13T16:23:02.157 回答