有没有办法让 <select> 转到 url

Question

我有以下代码：

<select name='m-menu' onchange='location = this.options[this.selectedIndex].value;'>
<option selected value='/users/lol'>My Account</option>
<option value='/?signout'>Sign Out</option>
<option value='/photos'>Photos</option>
<option value='/post'>Share/Post</option>
<option value='/feed'>Feed</option>
<option value='/chat'>Create Chat</option>
</select>

但是，如果用户单击“我的帐户”，我希望它转到该帐户。这可以在不添加其他optionselect标签的情况下完成吗，如果可以，请帮忙？？？

我需要将其用于移动浏览器，并且当用户选择选项时，我需要将其转到 url

Answer 1

您可以通过在用户关注选择onfocus="this.selectedIndex = -1" 时更改选择的值来实现。

<select name='m-menu' onfocus="this.selectedIndex = 0" onchange='location = this.options[this.selectedIndex].value;'>
  <option value="" style="display: none">Select an Item</option>
  <option selected value='/users/lol'>My Account</option>
  <option value='/?signout'>Sign Out</option>
  <option value='/photos'>Photos</option>
  <option value='/post'>Share/Post</option>
  <option value='/feed'>Feed</option>
  <option value='/chat'>Create Chat</option>
</select>

我还建议您从单独的 javascript 文件中添加事件侦听器，而不是使用 on* 属性。 你可以使用addEventListener