導航:首頁 > 編程語言 > 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語言程序設計實驗報告順序結構