问如何跟随前面的数字隐藏选项数据？
EN

Stack Overflow用户

提问于 2020-05-27 15:13:49

回答 1查看 29关注 0票数 1

我可以知道如何在号码前面跟着隐藏期权数据吗？我想范围100-199和200-299的数据是隐藏的。

代码下面是一个示例：

<select id="test">
  <option value="1">187-1 Johnson</option>
  <option value="2">310-3 David</option>
  <option value="3">213-1 Howard</option>
  <option value="4">520-6 Hash</option>
  <option value="5">199-6 Lark</option>
</select>

希望有人能引导我躲在前面的号码是100-199和200-299。如果成功，输出就像下面的图片。谢谢。

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-05-27 15:26:58

你可以试试这样的东西。隐藏所有选项从1和2开始，所以(100-299是隐藏的)，但它们都还活着。您可以从DOM中删除它们，只需将el.style.display='none'更改为el.remove()即可。我希望，这段代码对你有帮助，如果你不明白什么，你可以问我一个问题。

let select = document.querySelector('#test').children
for ( let el of select){
  if (el.textContent.match(/^[12]/)) el.remove()
}

<select id="test">
  <option value="1">187-1 Johnson</option>
  <option value="2">310-3 David</option>
  <option value="3">213-1 Howard</option>
  <option value="4">520-6 Hash</option>
  <option value="5">199-6 Lark</option>
</select>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/62046546

复制

相似问题

问如何跟随前面的数字隐藏选项数据？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何跟随前面的数字隐藏选项数据？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何跟随前面的数字隐藏选项数据？
EN