下拉菜单：如何取消激活第一个（选定）选项？

Question

以下是我使用的下拉列表：

<form name="my_form_name">
<select name="my_ddmenu_name">
<option value="#" selected>dd menu title (should not act as a link)</option>
<option value="link to page 1">1st Link name</option>
<option value="link to page 2">2nd Link name</option>
<option value="link to page 3">3rd Link name</option>
<option value="link to page 4">4th Link name</option>
<input type="button" name="Submit" value="Go!" onClick="window.open(ddmenu1.value,'newtab')">
</select>
</form>

对我来说这是必要的   - 有一个＆＃34; Go＆＃34;链接，如上所述。用户应选择他们选择的链接，然后按＆＃34; Go！＆＃34;访问所选链接。   - 如上所示，在新标签页中打开链接。

那么，我该如何更改上面的代码来停用第一个（选定的）选项的链接（目前通往＆＃34;＃＆＃34;）。

谢谢。

Answer 1

怎么样：

onClick="if(ddmenu1.value !== '#')window.open(ddmenu1.value,'newtab')"

Demo.

Answer 2

尝试

<option value="#" selected disabled>dd menu title (should not act as a link)</option>

Answer 3

你的Go按钮必须触发一个自定义的javascript来检查你的下拉列表的值，然后才能使用花哨的链接。 JQuery是我的首选。