TextBoxとButton JS Onclick

Question

私はテキストボックスを持っています。私は以下のように「btnGO」ボタンにテキストボックスに入力を追加するonclickのJSを使用していたが、それは働いていない：

document.getElementById('btnGo').onclick = function() { 
 
    var search = document.getElementById('dlrNum').value; 
 
    window.location.url = "http://consumerlending/app/indirect/dealerComments.aspx?dlrNum=" + search; 
 
}

<input id="dlrNum" type="text" name="dlrNum" autocompletetype="disabled" class="ui-autocomplete-input" autocomplete="off"> 
 
<input id="btnGo" type="submit" value="GO" name="GO" runat="server">

は、私が何をしないのだろうか？

Answer 1

1. <input>の要素はおそらくformの一部であるため、送信ボタンをクリックすると、フォームが送信されます。 2. window.location.href（.urlではなく）を使用する必要があります。ここで

はあなたのコードの修正です：

document.getElementById('btnGo').onclick = function(e) { 
    e.preventDefault() 
    var search = document.getElementById('dlrNum').value; 
    window.location.href = "http://consumerlending/app/indirect/dealerComments.aspx?dlrNum=" + search; 
} 

はfunction(e)内e要素に注意してください - 私たちは、フォーム送信のデフォルトの動作を防止するために、イベントオブジェクトを使用することができますので、それがあります。

Answer 2

更新window.location.urlwindow.locationへ：

window.location = "http://consumerlending/app/indirect/dealerComments.aspx?dlrNum=" + search;