Question

我有以下代码：＆lt; select name ='m-menu'onchange ='location = this.options [this.selectedIndex] .value;'＆gt; ＆lt; option selected value ='/ users / lol'＆gt;我的帐户＆lt; / option＆gt; ＆lt; option value ='/？signout'＆gt;退出＆lt; / option＆gt; ＆lt; option value ='/ photos'＆gt;照片＆lt; / option＆gt; ＆lt; option value ='/ post'＆gt;分享/发布＆lt; / option＆gt; ＆lt; option value ='/ feed'＆gt; Feed＆lt; / option＆gt; ＆lt; option value ='/ chat'＆gt;创建聊天＆lt; / option＆gt; ＆LT; /选择＆GT; 但是，如果用户点击“我的帐户”，我希望它转到该帐户。这可以在不添加选择标记的其他选项的情况下完成，如果是这样请帮助??? 我需要这个用于移动浏览器，如果用户选择一个选项，我需要这个去网址

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

执行此操作

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

1 个答案: