Question

这是一个非常简单的问题，我确定这是一个非常简单的修复。我根本没有真正使用掉落菜单，因此不知道如何改变它。我想要做的就是停止显示的菜单项出现在下拉结果中！所以我的代码如下：

<form action="">
<select name="menu">
<option value="other">Other blog entries</option>
<option value="other">So you want to shoot a show...</option>
</select>
</form>

fiddle

工作正常，但是当删除列表时，我不想在删除列表中显示“其他博客条目”作为选项。如何将此更改为仅在显示中包含其他博客条目而不是放置项？我google了一下，无法找到解决方案！

非常感谢您的帮助。

Answer 1

以下是解决方案：

<form action="">
  <select name="menu" value="" onchange="var opt=this.options[0];if(opt.getAttribute('role')==='placeholder'&&!opt.selected)opt.parentNode.removeChild(opt);">
   <option role="placeholder" value="" id="hiddenOption">Other blog entries</option>
   <option value="other">So you want to shoot a show...</option>
  </select>
</form>

和CSS：

#hiddenOption {display: none;}

小提琴：http://jsfiddle.net/DSsYU/1/

这是理想的结果吗？：）

停止菜单项在简单的html下拉菜单上出现两次

1 个答案: