js中 下拉框怎么隐藏某一个option

js中 下拉框怎么隐藏某一个option,第1张

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jqueryjs" language="javascript"></script>
<!-- 注意:引用了本地jqueryjs -->
</head>
<body>
<script type="text/javascript">
$(function(){
var mySelect=$("#select option");
var num="33";//某个值
mySelecteach(function (i,el) {
if($(el)text()==num){
$(this)hide();
}
})
})
</script>
<select id="select">
<option>11</option>
<option>22</option>
<option>33</option>
</select>
</body>
</html>

用的jquery,仅供参考。

1从电脑中随便打开一个WPS制作的表格或文件。
2点击最上面标题栏“数据”。
3在数据这个界面,选择“E”列,点击”有效性“。
4d出对话框,在“有效性条件”,选择“序列”。
5选择“序列”后,在“来源”中输入希望下拉菜单出现的内容。这里输入完成、未完成、进行中做示例。
6点击“确定”按钮,我们看看表格页面“E”列,是否出现了下拉菜单。

使用javascript,获取到A下拉框选中的值,然后把BCD下拉框中等于这个值的项,修改一下属性,隐藏掉就可以了
一:javascript原生的方法
1:拿到select对象: var myselect=documentgetElementById("test");
2:拿到选中项的索引:var index=myselectselectedIndex ; // selectedIndex代表的是你所选中项的index
3:拿到选中项options的value: myselectoptions[index]value;
4:拿到选中项options的value后,再获取bcd 的select对象,匹配一下值,相等的属性改成不可见
二:jquery方法(前提是已经加载了jquery库)
1:var options=$("#test option:selected"); //获取选中的项
2:alert(optionsval()); //拿到选中项的值
3:同上

好几个地方的要求你都没讲,只能假设
首先,假设你的下拉框是在E1单元格
选中E1,菜单,数据有效性,允许“序列”,引用位置输入
隐藏,不隐藏
确定
alt+F11
左边工程框
双击thisworkbook
将下面代码复制到右边空白区
Private Sub workbook_open()
Sheets("Sheet2")Visible = False
End Sub
再双击工程框中的sheet1
将下面代码复制到右边空白区
Private Sub worksheet_Change(ByVal Target As Range)
If TargetAddress <> "$E$1" Or TargetCount > 1 Then Exit Sub
If Range("E1") = "不隐藏" Then
Sheets("Sheet2")Visible = True
Sheets("Sheet2")Select
End If
End Sub
工具,宏,安全性,修改为“中”,确定
存盘,退出
重新打开这个文件。
打开时选择启用宏。
你会发现sheet2自动隐藏了,点sheet1表的E1单元格,下拉框出现,显示和不显示字样,选中“不隐藏”
sheet2自动重新出现,并激活。
根据这个实例,自己按实现要求修改吧。
你问题不清楚,别人不可能提供完全可用代码

    <script type="text/javascript">
        $(function () {
            $("has_children")click(function () {
                $(this)addClass("highlight")//为当前元素增加highlight类
  children("a")show()end()//将子节点《a》元素显示出来并
                //重新定位到上次 *** 作的元素
  siblings()removeClass("highlight")//获取元素的兄弟节点,并去掉他们
                //的highlight类
  children("a")hide(); //将兄弟元素下的《a》元素隐藏
            });
        });
    </script>

把你的JS换成这段就行了。

其实你就是少了一个$(function(){});把你写的事件注册给对应的HTML标签元素。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/10339187.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-07
下一篇 2023-05-07

发表评论

登录后才能评论

评论列表(0条)

保存