Javascript dissalow下拉菜单的第一个选项
如何解除以下下拉菜单的第一个选项(单击“Go”时,不应发生任何事情): HTML:Javascript dissalow下拉菜单的第一个选项,javascript,html,menu,Javascript,Html,Menu,如何解除以下下拉菜单的第一个选项(单击“Go”时,不应发生任何事情): HTML: <form name="form_name"> <select name="ddmenu_name"> <option>1st option (should do nothing)</option> <option value="link 1">link 1 name</option>
<form name="form_name">
<select name="ddmenu_name">
<option>1st option (should do nothing)</option>
<option value="link 1">link 1 name</option>
<option value="link 2">link 2 name</option>
<option value="link 3">link 3 name</option>
<option value="link 4">link 4 name</option>
<input type="button" name="Submit" value="Go" onClick="window.open(ddmenu_name.value,'newtab')">
</select>
</form>
第一个选项(不应执行任何操作)
链接1名称
链接2名称
链接3名称
链接4名称
谢谢大家! 如果第一个选项的目的是提供标题,请使用
optgroup
:
<select name="ddmenu_name">
<optgroup label="1st option (should do nothing)">
<option value="link 1">link 1 name</option>
<option value="link 2">link 2 name</option>
<option value="link 3">link 3 name</option>
<option value="link 4">link 4 name</option>
</optgroup>
</select>
使用HTML:
<select name="ddmenu_name" id="ddmenu_id">
<option value="noselect">1st option (should do nothing)</option>
<option value="link 1">link 1 name</option>
<option value="link 2">link 2 name</option>
<option value="link 3">link 3 name</option>
<option value="link 4">link 4 name</option>
</select>
<input type="button" name="Submit" value="Go" onClick="window.open(ddmenu_name.value,'newtab')">
第一个选项(不应执行任何操作)
链接1名称
链接2名称
链接3名称
链接4名称
你可以看到它的作用。但我希望“Go”链接打开链接,而不是让它们在用户做出选择后立即打开…@webmaniacgr,这仍然有效。当他们做出选择时,它不会打开链接;我只是省略了按钮。是的,它确实有效&谢谢你,但是,第一个选项在用户浏览可用选项之前显示,而不是optgroup标签…@webmaniacgr你之前的评论并不完全清楚。你在使用哪种选择?optgroup还是javascript?optgroup根本不允许选择第一个选项;因此,如果你想要最初选择的第一项,你应该使用JavaScript解决方案。因此,是的,我更喜欢js解决方案-你能调整js解决方案并添加一个“Go”链接吗?链接应该仅在单击该链接后在新选项卡中打开,而不是仅在用户选择选项后打开。
<select name="ddmenu_name" id="ddmenu_id">
<option value="noselect">1st option (should do nothing)</option>
<option value="link 1">link 1 name</option>
<option value="link 2">link 2 name</option>
<option value="link 3">link 3 name</option>
<option value="link 4">link 4 name</option>
</select>
<input type="button" name="Submit" value="Go" onClick="window.open(ddmenu_name.value,'newtab')">