带输入值的onclick window.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;
});