Gibt es eine Möglichkeit ein <select> gehen machen

Question

ich diesen Code unten müssen URL:

<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> 

Allerdings möchte ich es auf das Konto, wenn der Benutzer klickt auf „Mein Konto“ gehen. Kann dies ohne Hinzufügen eines anderen option der select Tag getan werden, wenn ja bitte helfen ???

Ich werde dies muss für mobile Browser verwendet werden, und ich muss dies auf die URL gehen, ob und wann der Benutzer eine Option wählt

Answer 1

können Sie erreichen, dass durch den gewählten Wert zu ändern, wenn der Benutzer konzentriert sich auf die Wählen Sie 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> 

Ich würde auch vorschlagen, dass Sie Ihre Ereignislistener aus einer separaten Javascript-Datei hinzufügen, anstatt die on * -Attribute zu verwenden. Sie können das mit addEventListener