onClick窗口.location.href具有输入值

Question

我有一个输入，我希望将用户发送到另一个页面，并在URI中使用输入的值，以便我可以提取它。

这是设置我的输入的方式：

<input name="date" id="datepicker" onchange="window.location.href = 'test.php?Date=' + document.getElementById("datepicker").value;">

基本上，当更改日期时，应将日期添加到URI的末尾，并应将用户发送到test.php，在此提取值。但是，该值似乎并未添加。

有什么问题？

Answer 1

尝试：

<input name="date" id="datepicker" onchange="window.location.href = 'test.php?Date=' + this.value;">

您不需要执行document.getElementById('datepicker')，因为您所处的元素已经是您想要的值。

Answer 2

问题在于，您正在使用双引号来界定属性值和 onchange事件中的字符串值。尝试使用单点，这样的单价：

<input name="date" id="datepicker" onchange="window.location.href = 'test.php?Date=' + document.getElementById('datepicker').value;">

，当然，由于您已经用jQuery标记了这个问题，为什么不使用它？

<input name="date" id="datepicker">
...
$("#datepicker").change(function() { 
    window.location.href = 'test.php?Date=' + this.value;
});