这是我的代码
<select id="BVT STUFF" onChange="jumpTo(getSelected(this));">
<option>HardRock Catalog</option>
<option value="http://link">BVT WIKI</option>
<option value="http://link">BVT CALENDAR</option>
<option value="https://link">Sustainment</option>
<option value="link">UVerse Dispatch Servlet</option>
这是我为我的团队创建的一个工具。
我的问题是,我把列表"标题"作为第一个选项,并试图给它一个null值,但每当它被选中时,它就会试图打开一个页面。即HardRock目录
我有什么办法可以让列表标题真的没有价值吗?
我建议为第一个选项添加value="。然后在jumpTo功能中检查
<option value="">HardRock Catalog</option>
function jumpTo(url) {
if(url === "") return;
// other stuff here
}
您可以添加selected
和disabled
属性。
jsfiddle
HTML
<option selected="selected" disabled>HardRock Catalog</option>
你可以试试这个
HTML:
<select onchange="jumpTo(this)">
<option value='0'>HardRock Catalog</option>
<option value="http:\google.com">Goto Google</option>
<option value="http:\yahoo.com">Goto Yahoo</option>
</select>
JS:
function jumpTo(select)
{
if(select.value != '0'){
// code goes here
location.href = select.value;
}
}
演示