我想隐藏select下的若干个option请问我该如何做?

ywcannon ywcannon 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
例如:
<select name="s">
<option id="1">1</option>
<option id="2">2</option>
<option id="3">3</option>
<option id="4">4</option>
</select>
我想将2和4隐藏起来,在下拉菜单中只能看到1和3两个选择,请问我该编写什么样的javascript脚本,谢谢!
...全文

相关推荐

通过隐藏option实现select的联动效果

代码如下: &lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> &lt;html xmlns=”http://www.w3.org/1999/xhtml”&gt; &lt;head&gt; &lt;title&gt;Untitled Page&lt;/title&gt; &lt;script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.m

weixin_38639872

layui select动态添加option的实例

下面小编就为大家分享一篇layui select动态添加option的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

weixin_38678022

vue实现select下拉显示隐藏功能

主要介绍了vue实现select下拉显示隐藏功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

weixin_38657102

select option,鼠标移到哪个选向就给出相应的鼠标提示

NULL 博文链接:https://dengminghua1016.iteye.com/blog/1093559

weixin_38669628

修改select及option样式[项目代码]

本文介绍了如何通过CSS和JavaScript修改select及option的样式。由于option是HTML固有元素,直接修改其样式在浏览器中不起作用,因此作者提供了通过div、ul、li模拟select功能的解决方案。具体步骤包括:使用CSS设置select的边框、圆角、宽度、高度等样式,隐藏默认下拉图标,并通过背景图片设置自定义下拉图标;通过JavaScript实现点击输入框显示选项列表,点击选项后将选项值填入输入框并隐藏列表的功能。对于不支持点击的选项,还提供了额外的处理思路。

bread
评论 7
收藏 已收藏
分享
返回顶部
ywcannon
JavaScript 87,983 成员 224,680 内容