Javascript 使用jQuery定义onclick导航

我正在尝试执行onClick函数，它将在用户将特定文本输入到搜索页面后重定向用户。。。在函数定义中，我仅在以下情况下使用simple。。。除此之外一切都好。当我尝试使用多个else if时出现问题

<input id="naszInput"></input>
<button onclick="searchMe();">Search</button>

搜寻

和功能定义：

<script>
function searchMe () {

if ($("#naszInput").val().toLowerCase() == "zara")
{
    window.location.href = 'zara.html';
}

    else if ($("#naszInput").val().toLowerCase() == "orsay")
{
    window.location.href = 'orsay.html';
}

else
{
    $("#naszLabel").text("cannot find!");
}
}
</script>

函数searchMe（）{
if（$（“#naszInput”）.val（）.toLowerCase（）=“zara”）
{
window.location.href='zara.html'；
}
else if（$（“#naszInput”）.val（）.toLowerCase（）==“orsay”）
{
window.location.href='orsay.html'；
}
其他的
{
$（“#naszLabel”）.text（“找不到！”）；
}
}

你知道为什么吗？ 这是Chrome控制台告诉我的关于此错误的信息： 未捕获引用错误：未定义searchMe应用程序。html:1

---

onclick

我将删除按钮上的onclick属性，并添加一个id属性，该属性可用于连接click事件。另外，我建议将javascript移动到外部文件中

<button id="btnSearch">Search</button>


<script>
function searchMe () {

if ($("#naszInput").val().toLowerCase() == "zara")
{
    window.location.href = 'zara.html';
}

    else if ($("#naszInput").val().toLowerCase() == "orsay")
{
    window.location.href = 'orsay.html';
}

else
{
    $("#naszLabel").text("cannot find!");
}
}
    $(function(){
      $('#btnSearch').click(searchMe);

    })
</script>

搜索
函数searchMe（）{
if（$（“#naszInput”）.val（）.toLowerCase（）=“zara”）
{
window.location.href='zara.html'；
}
else if（$（“#naszInput”）.val（）.toLowerCase（）==“orsay”）
{
window.location.href='orsay.html'；
}
其他的
{
$（“#naszLabel”）.text（“找不到！”）；
}
}
$（函数（）{
$（“#btnSearch”）。单击（搜索我）；
})

在定义调用函数的按钮之前，必须先定义函数。试着把你的脚本块放在

标题中

。这不是原因，函数定义在标题中，调用函数在正文中。谢谢Justin，这帮了大忙。我把按钮改成了id，现在只是找不到不起作用，但zara和orsay通常会加载：）哈，我是个笨蛋，但你知道为什么这个“找不到”不起作用吗？我试着添加额外的else if，但最后一个else无效…页面上有id等于“naszLabel”的元素吗？哈，是的，就是这样。我删除了带有此id的标签，再次感谢：）