导航:首页 > 编程语言 > js隐藏下拉列表
js隐藏下拉列表
发布时间：2023-09-06 14:56:041. 怎么样用js隐藏下拉菜单里的值
我是用onload方法实现的 你可以把它改为按钮触发或是其他事件 下面是代码：
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<SCRIPT LANGUAGE="javaScript">
<!--
function delMonth(){
var sel=document.getElementById("TJYX");
var mavg=document.getElementById("MAVG");
var mrl=document.getElementById("MRL");
var mrd=document.getElementById("MRD");
var mrmax=document.getElementById("MRMAX");
sel.remove(mavg.index);
sel.remove(mrl.index);
sel.remove(mrd.index);
sel.remove(mrmax.index);
}
//-->
</SCRIPT>
</head>
<body onload="delMonth()">
<table>
<tr>
<td><select name="TJYX" id="TJYX" size="1">
<option value="月平均" selected="selected" id="MAVG">月平均</option>
<option value="月最大值" id="MMAX" >月最大值</option>
<option value="月最小值" id="MMIN">月最小值</option>
<option value="月降雨量" id="MRL">月降雨量</option>
<option value="月降雨日数" id="MRD">月降雨日数</option>
<option value="月最大降雨量" id="MRMAX">月最大降雨量</option>
</select></td>
</tr>
</table>
</body>
</html>
2. 高分求助：asp javascript 由一个下拉菜单的值决定另一个下拉菜单的显示或隐藏
<SCRIPT language="JavaScript">
function displaytype(displayvalue)
{
if (displayvalue == '0')
{
//alert(displayvalue); //获取a菜单的值正常
//这个地方该怎么写？
document.getElementById("ccc").style.display="none";
}
else
{
//这个地方该怎么写？
document.getElementById("ccc").style.display="";
}
}
</script>
<FORM method="POST" name="myform" action="">
<SELECT name="a" onChange="displaytype(this.value)">
<OPTION value="0" name="a" selected>隐藏b框</OPTION>
<OPTION value="1" name="a" selected>显示b框</OPTION>
</SELECT>
<SELECT name="b" id="ccc">
<OPTION >xxxxxxx</OPTION>
</SELECT>
</form>
3. js 怎么隐藏option中的一条数据，不让他出现在下拉列表中
外面建立个层固定宽高，然后，设定超出部分隐藏。
4. js中 下拉框怎么隐藏某一个option
<!自doctypehtml>
<html>
<head>
<metacharset="utf-8">
<scriptsrc="js/jquery.js"language="javascript"></script>
<!--注意：引用了本地jquery.js-->
</head>
<body>
<scripttype="text/javascript">
$(function(){
varmySelect=$("#selectoption");
varnum="33";//某个值
mySelect.each(function(i,el){
if($(el).text()==num){
$(this).hide();
}
})
})
</script>
<selectid="select">
<option>11</option>
<option>22</option>
<option>33</option>
</select>
</body>
</html>
用的jquery，仅供参考。
5. 下拉菜单控制二级下拉菜单显示与隐藏JS代码
给你个写死了的吧，活的你要自己去绑定SQL了。
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
<script type="text/javascript">
function Selcet(){
var select_user = window.document.getElementById("select1");
var select_tao = window.document.getElementById("select2");
var value = select_user.value;
while(select_tao.options.length)
{
select_tao.options[select_tao.options.length -1] = null;
}
if(value==1)
{
select_tao.options.add(new Option("用户套餐1",1))
}
if(value==2)
{
select_tao.options.add(new Option("用户套餐2",2))
}
if(value==3)
{
select_tao.options.add(new Option("用户套餐3",3))
}
if(value==4)
{
select_tao.options.add(new Option("用户套餐4",4))
}
if(value==0)
{
select_tao.options.add(new Option("用户套餐1",1))
select_tao.options.add(new Option("用户套餐2",2))
select_tao.options.add(new Option("用户套餐3",3))
select_tao.options.add(new Option("用户套餐4",4))
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
用户类型： <select id="select1" onchange="Selcet()">
<option value="0">--请选择--</option>
<option value="1">用户类型1</option>
<option value="2">用户类型2</option>
<option value="3">用户类型3</option>
<option value="4">用户类型4</option>
</select>
套餐菜单： <select id="select2">
<option value="1">用户套餐1</option>
<option value="2">用户套餐2</option>
<option value="3">用户套餐3</option>
<option value="4">用户套餐4</option>
</select>
</div>
</form>
</body>
</html>
6. 如何用js通过下拉菜单来实现div的隐藏和显示知道
思路：利用value属性获取下拉菜单的选项→根据选项决定div的状态→利用style.display样式隐藏或显示div。实例演示如下：
1、HTML结构
<selectid="test_select">
<optionvalue="1">显示</option>
<optionvalue="2">隐藏</option>
</select>
<divid="test">我是一个div么呀我是一个div</div>
2、javascript代码
window.onload=function(){
varobj_select=document.getElementById("test_select");
varobj_div=document.getElementById("test");
obj_select.onchange=function(){
obj_div.style.display=this.value==1?"block":"none";
}
}
3、效果演示
与js隐藏下拉列表相关的资料
- 电脑病毒测试代码
- 银企对账程序
- 上古卷轴5控制台附魔代码
- 程序美工标准
- js获取复选框是否选中
- 股字程序
- js数组复制去除引用
- javascript清除session
- java获取本季度的月
- javafor和while
- java返回值应用
- javadouble最大值
- javaweb网上订餐源码
- jspweb简单源代码
- 天龙3wpe代码
- jsp页面c标签的用法
- java小动画
- 怎么去掉图片的程序名称
- java怎么给字符串排序
- java数组类
- js分行写
- 微信代码怎么没用了
- js炫酷特效
- java中char表示范围
- javamesdk8
- 模拟json
- js获取文本框的位置
- android获取json数据
- flash代码checkbox显示文字
- java定义矩阵
- jstl和el习题
- 手机安装没有应用程序怎么办
- jsp按钮关闭
- 程序员ppt
- 微信小程序论坛项目
- jsf是什么的后缀
- 微信弹幕代码
- jsp自适应屏幕大小
- java实现groupby
- 虚拟机linux怎么输代码
- javabean购物车
- js浏览器事件