Question

我的代码是这样的：

<script>
function mousedownhandler()
{
if(event.keyCode !=9)
    {
        event.returnValue = false;
    }
}
</script>

<select onmousedown="mousedownhandler()">
<option style="display:none">opton1</option>
<option>opton2</option>
<option style="display:none">opton3</option>
<option>opton4</option>
<option>opton5</option>
</select>

即使我点击向上和向下箭头时选择了隐藏在下拉列表中的选项，也请告诉我如何处理选择框中的关键事件和处理隐藏选项。这些选项是基于某些条件隐藏的

Answer 1

您可以添加disabled = true和display：none来隐藏选项元素

<script>
function mousedownhandler()
{
if(event.keyCode !=9)
    {
        event.returnValue = false;
    }
}
</script>

<select onmousedown="mousedownhandler()">
<option style="display:none" disabled>opton1</option>
<option>opton2</option>
<option style="display:none" disabled>opton3</option>
<option>opton4</option>
<option>opton5</option>
</select>

Answer 2

将已禁用的属性添加到隐藏选项中。检查这个小提琴http://jsfiddle.net/0qrpoo5m/

<select onmousedown="mousedownhandler()">
  <option style="display:none" disabled>opton1</option>
  <option>opton2</option>
  <option style="display:none" disabled>opton3</option>
  <option>opton4</option>
  <option>opton5</option>
</select>

当我单击向上和向下箭头时，选择了下拉列表中的style =“display：none”选项

2 个答案: