javascript - onClick 事件不起作用 - JS

Question

我正在编写一个非常简单的搜索函数，它将根据用户选择的内容从数据库中返回类似的结果，尽管在测试 onClick 函数时它不起作用我已经用类似的代码检查了我的代码并且它应该可以工作，我在问这个问题之前进行了搜索，虽然对我来说没有解决方案，但这是代码示例..`

<form>
<fieldset>
    <legend>Search Form..</legend>
    <input type="text" id="itemID" name="itemName" placeholder="Enter item name.." />
    <select id="locSelect">
    <option id="loc1" value="mountain"> mountain </option>
    </select>
    </br>
    <input type="button" id="searchID" name="searchName" value="Search" onClick="runsearch();" />


</fieldset>
</form>

<div id="searchResult"></div>

<script type="text/javascript">

function runsearch()
{
    var item = $("#itemID").val();

    var location = document.getElementById("#locSelect");
    var selectedLoc = location.options[location.selectedIndex].text;

    if(item == '') 
    {
       alert("Item field is blank please specify an item");
    }

    else { $.post("LSR.php", {
        postitem = item,
        postlocation = selectedLoc },

        function(data)
        {
            $("#searchResult").html(data);
        });
    }
}
</script>

它应该将用户选择的内容发送到 php 页面，在那里它将与数据库进行比较，我为登录/注册页面编写了类似的代码并且它有效，我不确定为什么这个没有，唯一不同的是选择，选项..我想了解我做错了什么。提前感谢您的帮助。

Answer 1

您的函数中存在语法错误。使用这个:

else { $.post("LSR.php", {
    postitem: item,
    postlocation: selectedLoc },

取而代之的是:

else { $.post("LSR.php", {
    postitem = item,
    postlocation = selectedLoc },

你有另一个错误:

var location = document.getElementById("#locSelect");

应该是:

var location = document.getElementById("locSelect");

并将函数放在带有 onClick 的按钮之前。