select 控制網(wǎng)頁(yè)內(nèi)容隱藏于顯示的實(shí)現(xiàn)代碼
更新時(shí)間：2010年05月25日 23:47:16 作者：
js下通過(guò)select的控制實(shí)現(xiàn)內(nèi)容的隱藏于顯示，需要的朋友可以參考下。
<script>
function setChange()
{
if (document.f.selfs.value == "1")
{
document.all.tb1.style.display = "block";
}
else
{
document.all.tb1.style.display = "none";
}
if (document.f.selfs.value == "2")
{
document.all.tb2.style.display = "block";
}
else
{
document.all.tb2.style.display = "none";
}
}
</script>
<form name=f>
<select name="selfs" size="1 onchange="setChange()">
<option selected>選擇方式</option>
<option value="1">方式1</option>
<option value="2">方式2</option>
</select>
<table id='tb1' style='DISPLAY:none'>
方式1 方式1 方式1
</table>
<table id='tb2' style='DISPLAY:none'>
方式2 方式2 方式2
</table>
</form>
判斷方式也可以改為不等式
function setChange()
{
if (document.f.selfs.value == "1")
{
document.all.tb1.style.display = "block";
}
else
{
document.all.tb1.style.display = "none";
}
if (document.f.selfs.value == "2")
{
document.all.tb2.style.display = "block";
}
else
{
document.all.tb2.style.display = "none";
}
}
</script>
<form name=f>
<select name="selfs" size="1 onchange="setChange()">
<option selected>選擇方式</option>
<option value="1">方式1</option>
<option value="2">方式2</option>
</select>
<table id='tb1' style='DISPLAY:none'>
方式1 方式1 方式1
</table>
<table id='tb2' style='DISPLAY:none'>
方式2 方式2 方式2
</table>
</form>
判斷方式也可以改為不等式
相關(guān)文章
javascript下一種表單元素獲取方法存在的問(wèn)題
在工作中, 我常看到這樣一種獲取表單元素的方法:var eles = document.forms['表單名'].elements['元素名']; 如果對(duì)獲取到的結(jié)果進(jìn)行遍歷操作, 那么, 我要告訴你: 小心, eles.length的值可能為undefined.2010-01-01
關(guān)于搜索輸入框...2006-10-10
一款不錯(cuò)的鍵盤(pán)密碼輸入js程序...2007-03-03
用javascript判斷輸入數(shù)據(jù)是否貨幣并自動(dòng)添加￥符號(hào)的代碼
用javascript判斷輸入數(shù)據(jù)是否貨幣并自動(dòng)添加￥符號(hào)的代碼...2007-08-08
用文字鏈接代替表單提交的按鈕，以前經(jīng)常這樣用，現(xiàn)在大多是用圖片來(lái)代替，以替換呆板的按鈕樣式。2010-10-10
javascript 表單規(guī)則集合對(duì)象,其實(shí)就是三個(gè)常用的但比較麻煩的不容易記憶的規(guī)則，如果想要更全的，可以到腳本之家查看之前發(fā)布的一些文章。2009-07-07
限制復(fù)選框的最大可選數(shù)...2006-07-07
js實(shí)現(xiàn)的的 文字自動(dòng)''到google search框
js實(shí)現(xiàn)的的 文字自動(dòng)''到google search框...2007-05-05
點(diǎn)此處秒后立即下載...2006-07-07
js獲取變量...2006-08-08