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隱藏下拉框選項相關的資料

友情鏈接