带有输入值的 onclick window.location.href答案

【问题标题】：onclick window.location.href with input value带有输入值的 onclick window.location.href
【发布时间】：2014-02-03 22:47:07
【问题描述】：

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

我的输入是这样设置的：

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

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

有什么问题？

【问题讨论】：

【解决方案1】：

试试：

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

您无需执行document.getElementById('datepicker')，因为您所在的元素已经是您想要从中获取值的元素。

【讨论】：

【解决方案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;
});

【讨论】：