javascript - 我可以将我的列表图块作为具有空值的第一个选项吗？

Question

所以这是我的代码

<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>

这是我为我的团队创建的工具。

我的问题是我将列表“标题”作为第一个选项，并试图给它一个空值，但每当它被选中时，它都会尝试打开一个页面。即 HardRock 目录

我能做些什么来让列表标题真的没有价值吗？

Answer 1

我建议为第一个选项添加value="" 。然后在你的jumpTo函数中检查

<option value="">HardRock Catalog</option>

function jumpTo(url) {
   if(url === "") return;
   // other stuff here
}

Answer 2

你可以试试这个

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;
    }
}

演示。

Answer 3

您可以添加selected和disabled属性。

jsfiddle

HTML

<option selected="selected" disabled>HardRock Catalog</option>