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>

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

我的问题是我将列表“Title”作为第一个选项并试图给它一个空值，但无论何时选择它都会尝试打开一个页面。即HardRock目录

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

Answer 1

我建议为第一个选项添加 value =“”。然后在 jumpTo 功能中检查

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

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

Answer 2

您可以添加selected和disabled属性。

jsfiddle

HTML

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

Answer 3

你可以试试这个

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

DEMO.

我可以将列表图块作为第一个选项并使用空值吗？

3 个答案:

HTML