Question

我试图做onClick函数，在将特定文本输入到搜索页面后重定向用户...在函数定义中我只使用简单的if ... else比一切都好。当我尝试使用多个else时出现问题。

<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>

任何想法为什么会这样？这就是Chrome控制台告诉我有关此错误的信息：未捕获的ReferenceError：searchMe未定义为app.html：1 的onclick

Answer 1

我会删除按钮上的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>

使用jQuery定义onclick导航

1 个答案: