Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/470.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript dissalow下拉菜单的第一个选项_Javascript_Html_Menu - Fatal编程技术网

Javascript dissalow下拉菜单的第一个选项

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>

如何解除以下下拉菜单的第一个选项(单击“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>
        <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')">