js隐藏下拉框选项_下拉菜单控制二级下拉菜单显示与隐藏JS代码

『壹』 jsp中的下拉框怎么隐藏其中的某一项

可以用js来控制选中其中某一项，其他隐藏。
思路：当选中一个下拉框并执行js代码后，其他的下拉框值全隐藏。

<div>
<select id="dept" name="dept" class="select" style="display:none">
<option value="">请选择</option>
<%
ResultSet getDeptRs = db.executeQuery("select t.dept,t.deptname from pub_dept_manager t where unit='"+cua.getUnitCode()+"' and parentcode='"+cua.getUnitCode()+"'");
while(getDeptRs.next()){
if(keyvalue.equals(getDeptRs.getString(2)))
out.print("<option value='"+getDeptRs.getString(2)+"' selected>"+getDeptRs.getString(2)+"</option>");
else
out.print("<option value='"+getDeptRs.getString(2)+"'>"+getDeptRs.getString(2)+"</option>");
}
getDeptRs.close();
%>
</select>
</div>

<script language="javaScript">
//查询跳转
var keyvalue = "<%=keyvalue%>";
var yearvalue = "<%=yearvalue%>";
var year ="<%=year%>";
//根据选择不同的查询条件,显示输入关键字的文本框或者下拉框
function showNext(){
if ( year =="currentyear"){
//从上个页面传过的year值不为空,且为字符串"currentyear"
yearvalue = "<%=currentYear%>";
}
var selectvalue = document.form1.field.options[document.form1.field.selectedIndex].value;
myDiv.innerHTML='<table cellpadding="0" cellspacing="0" border=0><tr><td>'
+'关键字： <input size="15" name="keyvalue" type="text" id="keyvalue" title="请输入要查找的关键字" value="'+keyvalue+'">'
+'</td><td> 年份：'
+'<input size="6" name="yearvalue" type="text" des="年份" id="yearvalue" maxlength="4" dtype=year title="请输入要查找的年份" value="'+yearvalue+'"></td>'
+'<td><a href="javascript: query();" class="main_fun_button" >查询</a></td></tr></table>';

//角色类别
if(selectvalue == "DEPTNAME"){
myDiv.innerHTML='<table cellpadding="0" cellspacing="0" border=0><tr><td>'
+'关键字：<select id="keyvalue" name="keyvalue" class="select" >'+document.all.dept.innerHTML
+'</select></td><td> 年份：'
+'<input size="10" name="yearvalue" type="text" des="年份" id="yearvalue" maxlength="4" dtype=year title="请输入要查找的年份" value="'+yearvalue+'"></td>'
+'<td><a href="javascript: query();" class="main_fun_button" >查询</a></td></tr></table>';
}
keyvalue="";
yearvalue ="";
if(document.form1.keyvalue!=null)
document.form1.keyvalue.focus();
}
</script>

『贰』怎么样用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">

</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>

『叁』下拉菜单控制二级下拉菜单显示与隐藏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>

『肆』 jsp做隐藏的下拉菜单怎么做（如图）

onclick事件,点击时如果是收起来（隐藏display:none）的就把它展开（显示内display:block）,如果是展开（显示display:block）的就把它收起来容（隐藏display:none）,
<table>
<tr>
<td onclick= "if(aaa.style.display== 'none '){aaa.style.display= 'block ';}else{aaa.style.display= 'none ';} "> onclick </td>
</tr>
</table>
<table id= "aaa " name= "aaa ">
<tr>
<td> 菜单 </td>
</tr>
</table>

『伍』 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，仅供参考。

『陆』如何用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隐藏下拉框选项

js隐藏下拉框选项

与js隐藏下拉框选项相关的资料

友情链接