我想隐藏select下的若干个option请问我该如何做?
<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的联动效果
代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <title>Untitled Page</title> <script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.m
layui select动态添加option的实例
下面小编就为大家分享一篇layui select动态添加option的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
vue实现select下拉显示隐藏功能
主要介绍了vue实现select下拉显示隐藏功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
select option,鼠标移到哪个选向就给出相应的鼠标提示
NULL 博文链接:https://dengminghua1016.iteye.com/blog/1093559
修改select及option样式[项目代码]
本文介绍了如何通过CSS和JavaScript修改select及option的样式。由于option是HTML固有元素,直接修改其样式在浏览器中不起作用,因此作者提供了通过div、ul、li模拟select功能的解决方案。具体步骤包括:使用CSS设置select的边框、圆角、宽度、高度等样式,隐藏默认下拉图标,并通过背景图片设置自定义下拉图标;通过JavaScript实现点击输入框显示选项列表,点击选项后将选项值填入输入框并隐藏列表的功能。对于不支持点击的选项,还提供了额外的处理思路。


