如何在选择字段中隐藏其他选项字段

我需要隐藏所有选项字段。 我花了好几个小时才找到答案 , 但找不到。

有 CSS 或 JQuery 吗 ?

<select name="testbox" id="testbox_id">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
  <option>7</option>
</select>

EN From: How to hide every other option field in a select field

2 Comments

  1. 您可以为 #testbox_id option:nth-child(even) 将显示属性设置为

    #testbox_id option:nth-child(even){
      display: none;
    }
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <select name="testbox" id="testbox_id">
      <option>1</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
      <option>5</option>
      <option>6</option>
      <option>7</option>
    </select>

More articles:

  • 选择字段上显示我试图在所有其他选项上显示的框
  • 如何在 JQuery 中使用锚定标记从其他页面选择特定的选项卡?
  • 如何隐藏 / 加密来自 google 和其他浏览器网络标签的 ajax 请求 ?
  • 如何根据下拉列表中选择的项在隐藏字段中设置值
  • 如何删除在 angularjs 中单击提交表单时弹出的"请填写此字段",但其他验证应该有效
  • 如何使用角填充选择 ng 选项
  • 如何使用数组从选择选项中添加值
  • 选择一个选项 &自动填充文本字段,但不能进入第一模式
  • 如何能够在 vue jshtml 中添加多个图像和其他输入字段 ?
  • 在一个选项卡中选择的无线按钮在其他选项卡中未被选中
  • jQuery 显示基于带有加载的选择值的隐藏 div 如何在此代码中添加加载元素
  • 当我们单击任何一个 href 链接时 , 如何隐藏其他 href 链接 , 链接是动态的
  • 多选 , 当选择一个特定选项时 , 取消选择其他选项
  • 如何在 jQuery 中选择包含其他 div 的文本 ?
  • 如何使用 jQuery 选择 /. 更改 ( ) 显示隐藏的 div
  • 如何在 jquery 中选择更改时获取选定选项的数据值
  • 如何只在选择的标签中显示某些选项?
  • 当从组合中选择特定选项时 , 自动隐藏文本框
  • 选择动态创建的选项字段
  • 如何将 div 覆盖在其他 div 的内容上而不在 div 中
  • HTML 选择表单 - 如何"触发"默认选项
  • 在多个选项中 , 选择选项 uniq
  • 如何从下拉式选项中选择我需要的文本 ?
  • 不显示 / 隐藏在无线电按钮选择
  • 看选择了哪个选项
  • 滚动时如何选择链接 ?
  • 如何隐藏在父母 div 中调整儿童 div 的大小
  • 如何使用 jQuery 从每个选择选项中删除文本
  • 如何使用 jQuery 从 html 元素中选择电话号码和联系人 ?
  • 如何用 jquery 隐藏元素取决于 cookie值 ?