我怎么能有一个功能的原因,但在一个下拉菜单的第一个选项打开一个新的网页
How can I have a function cause all but the first option in a drop down menu open a new webpage?
这是我到目前为止的代码:
`<!DOCTYPE html>
<html>
<head>
</head>
<body>
<img src="http://blog.dubspot.com/files/2011/09/dubspot-dj-producer-banner-2.jpg" alt="electronicmusic" width="1350" height="250">
<h1>Electronic Music Sampler</h1><br>
<p>Select a Genre for a Sample</p>
<form>
<select id="select" onChange="window.open(this.options[this.selectedIndex].value,'_parent')">
<option value="genre">Select Genre</option>
<option value="https://www.youtube.com/watch?v=swxJXT1hjRs">Ambient</option>
<option value="https://www.youtube.com/watch?v=JRftXCiqfQ8">Breakbeat</option>
<option value="https://www.youtube.com/watch?v=rgoz_cPEM8A">Chiptune</option>
<option value="https://www.youtube.com/watch?v=6gmGJvAc-ws">Downtempo</option>
<option value="https://www.youtube.com/watch?v=dD40VXFkusw">Drum and Bass</option>
<option value="https://www.youtube.com/watch?v=5NV6Rdv1a3I">Electro House</option>
<option value="https://www.youtube.com/watch?v=6GqRsmffeVI">Electronica</option>
<option value="https://www.youtube.com/watch?v=aMimeO279YE">Electronic Rock</option>
<option value="https://www.youtube.com/watch?v=84TYi3FOMlU">House</option>
<option value="https://www.youtube.com/watch?v=vOC35uVlQ7U">Industrial</option>
<option value="https://www.youtube.com/watch?v=lhuqYgjp7PQ">Progressive Electronic</option>
<option value="https://www.youtube.com/watch?v=wQnGLHOYnck">Techno</option>
<option value="https://www.youtube.com/watch?v=atFTgQOF-cU">Trance</option>
<option value="https://www.youtube.com/watch?v=FMdXOqq3WL4">Dubstep</option>
<option value="https://www.youtube.com/watch?v=XvLAKrVbCBM">IDM</option>
<option value="https://www.youtube.com/watch?v=fIea0zMPXik">Glitch</option>
</select>
</form><br>
<p>Select an Artist for a Discography</p>
<form>
<select id="discographies" name="select" onChange="window.open(this.options[this.selectedIndex].value,'_parent');">
<option value="discography">Select Artist</option>
<option value="https://en.wikipedia.org/wiki/Richard_D._James_discography">Aphex Twin</option>
<option value="https://en.wikipedia.org/wiki/Bassnectar#Discography">Bassnectar</option>
<option value="https://en.wikipedia.org/wiki/Nullsleep#Discography">Nullsleep</option>
<option value="https://en.wikipedia.org/wiki/Zero_7_discography">Zero 7</option>
<option value="https://en.wikipedia.org/wiki/Rusko_(musician)#Discography.5B8.5D">Rusko</option>
<option value="https://en.wikipedia.org/wiki/Daft_Punk_discography">Daft Punk</option>
<option value="https://en.wikipedia.org/wiki/The_Chemical_Brothers_discography">The Chemical Brothers</option>
<option value="https://en.wikipedia.org/wiki/Celldweller_discography">Celldweller</option>
<option value="https://en.wikipedia.org/wiki/Deadmau5_discography">deadmau5</option>
<option value="https://en.wikipedia.org/wiki/Nine_Inch_Nails_discography">Nine Inch Nails</option>
<option value="https://en.wikipedia.org/wiki/Feed_me#Discography">Feed Me</option>
<option value="https://en.wikipedia.org/wiki/Fatboy_Slim_discography">Fatboy Slim</option>
<option value="https://en.wikipedia.org/wiki/Kaskade#Discography">Kaskade</option>
<option value="https://en.wikipedia.org/wiki/Skrillex_discography">Skrillex</option>
<option value="https://en.wikipedia.org/wiki/Squarepusher#Discography">Squarepusher</option>
<option value="https://en.wikipedia.org/wiki/KOAN_Sound">Koan Sound</option>
</select>
</form><br>
<p>Did you find this webpage helpful?</p>
<form action="http://www.hirebilinguals.com/wp-content/uploads/2013/02/Thank-You-400x304.jpg" method="get">
<input type="radio" name="answerswer" value="yes">Yes<br>
<input type="radio" name="answerswer" value="no">No<br>
<input type="submit" name="submit" value="Submit">
</form>
</body>
</html>`
这是计算机科学入门课程,这是我需要完成的项目的最后一步。当下拉菜单中的第一个选项被选中时,它会尝试去一个不同的URL,但是因为我没有确定它要去的URL,它只是打开一个"网页未找到"页面。我只需要下拉菜单中的第一个选项不做任何事情,但所有其他选项都打开我指定的页面。
变化
window.open(this.options[this.selectedIndex].value,'_parent')
if (this.selectedIndex > 0) window.open(this.options[this.selectedIndex].value,'_parent')
相关文章:
- 无法在Ionic select中预先选择最后一个选项
- 如果类不是一个选项,如何在使用 jQuery 时控制(避免)嵌套 html 元素的样式
- AngularJS ng选项在选择一个选项后删除了默认的空白值
- 在下拉列表中选择一个选项的值
- 创建了一个选项卡,但点击时不会起作用-jQuery issue/newbie
- HTML-从mysql生成的选择框中的一个选项更改文本区域的颜色
- 打开一个选项卡,并在firefox网络扩展中向其发出POST请求
- 链接到手风琴中的另一个选项卡,嵌入的链接将不起作用
- 如何将数组附加到下拉导航栏并禁用其中的一个选项
- 尝试添加一个选项以使用append进行选择,但没有任何结果
- 在dojo中将数据从一个选项卡绑定到另一个选项卡(打开选项卡?)
- 单击按钮进入下一个选项卡,而不是单击选项卡
- PHP Jquery选项卡:内容加载到一个选项卡's面板
- 对添加另一个选项卡的onsubmit函数停止重定向
- 用CSS和Javascript创建一个选项卡系统
- 在下拉列表中的页面加载中已经选择了一个选项,该选项也可以更改
- jQuery UI 选项卡取消选择事件或在选择时保存上一个选项卡
- 单击链接时添加另一个选项
- 如何在 PHP 中使用 OnChange 事件的下拉列表中选择一个选项后,对大量数据行设置分页
- jQuery - 根据标识符获取下一个选项的总值