0

私はonClick関数を実行しようとしています。これは、検索されたページに特定のテキストを入力した後にユーザーをリダイレクトします...関数定義では、単純な場合にのみ使用します...それ以外はすべて問題ありません。他の複数の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>

なぜそれなのか？そして、これはChromeコンソールがこのエラーについて教えてくれるものです：Uncaught ReferenceError：searchMe is not defined app.html：1 onclick

4

1 に答える 1

1

ボタンのonclick属性を削除し、クリックイベントをフックするために使用できるid属性を追加します。また、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>
于 2013-01-07T21:09:55.123 に答える