Question

我有一个文本框。我想使用JS onclick将文本框中的输入附加到“btnGO”按钮，如下所示，但它不起作用：

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

请注意e中的function(e)元素 - 它在那里我们可以使用事件对象来阻止表单提交的默认行为。

Answer 2

将window.location.url更新为window.location：

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

TextBox和Button JS Onclick

2 个答案: