导航:首页 > 编程语言 > 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隐藏下拉列表相关的资料
- 更改程序图标c语言
- js跳到页面某地
- jsp展示clob字段
- 金庸群侠传3修改代码
- c语言程序设计模
- sas逻辑回归代码
- win10系统打开java
- vector去重java
- javatcp接收数据
- java判断string编码
- json格式变量写法
- 加入java信任站点
- c程序设计04737
- javachar与运算
- 首页全屏安装代码
- 程序员下载网站
- nodejs标准输出
- jsp会话跟踪是什么
- java开发app的架构
- java父子关系生成树
- js字体红色
- 淘宝联盟程序
- 苹果拨号盘代码所有
- 苹果下载东西为什么无法下载应用程序
- js读取服务器cookie
- jsxmlhttppost
- 正在等待后台程序关闭
- IBM代码5
- java批量修改数据返回值
- 手机端怎么看网页代码
- javascripttext赋值
- 朝阳java
- 海康错误代码153
- js转换浮点小数
- java时钟代码看不懂
- java数组按钮
- 未能启动帮助程序进程
- csjava
- 诺基亚n1安装程序显示
- 普通table表格样式及代码大全
- javaswingflash
- c语言程序设计实验报告顺序结构