Question

我在无结果页面中显示了一个下拉列表。

这就是我正在做的事情

<label for="chewie"></label>
 <select name="chewie" id="chewie" onchange="redirect()">
  <option > Select Option</option>
  <option value="www.item1.com">Item1</option>
  <option value="www.item1.com">Item1</option>
  <option value="www.item1.com">Item1</option>
  <option value="www.item1.com">Item1</option>
 </select>

如果用户选择Item1，它会重定向到item1页面。当他点击后退按钮并选择“选择选项”时，它应该保留在此下拉列表的页面上。

但现在，当用户选择“选择选项”时，显然没有找到404页面。

我不希望第一个选项重定向到任何页面。我应该提供什么价值，以便它不会重定向到任何其他页面？

Answer 1

您可以使用<option disabled>Select Option</option>，因此无法点击该选项。

Answer 2

也许您可以使用像值=“＃”

这样的锚点值

Answer 3

只需从urls代码

中的值属性中删除option即可

  <label for="chewie"></label>
  <select name="chewie" id="chewie" onchange="redirect()">
  <option> Select Option</option>
  <option>Item1</option>
  <option>Item2</option>
  <option>Item3</option>
  <option>Item4</option>
 </select>

Answer 4

另一个选择是在Javascript中添加一些内容以防止它重定向。假设第一个选项始终是一个占位符，所以你想忽略这个动作......你可以检查所选的索引，只有当索引大于零时才执行动作。

function redirect() { 
  //capture the selection 
  var dropdown = document.getElementById("chewie");
  if(dropdown.selected_index > 0)
  { 
     //redirect the user 
     var redirect_url = dropdown.options[selected_index].value;
     window.location = redirect_url; 
  }

  return false;
}

此外，您可能希望将http://放在网址前面......在我的浏览器中，如果没有这些网址，他们就无法正确重定向。

如何使选择选项第一个值不重定向到任何页面？

4 个答案: