select 控制網(wǎng)頁內(nèi)容隱藏于顯示的實(shí)現(xiàn)代碼
更新時(shí)間:2010年05月25日 23:47:16 作者:
js下通過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)文章
在一個(gè)form用一個(gè)SUBMIT(或button)分別提交到兩個(gè)處理表單頁面的代碼
在一個(gè)form用一個(gè)SUBMIT(或button)分別提交到兩個(gè)處理表單頁面的代碼...2007-02-02基于prototype的validation.js發(fā)布2.3.4新版本,讓你徹底脫離表單驗(yàn)證的煩惱
基于prototype的validation.js發(fā)布2.3.4新版本,讓你徹底脫離表單驗(yàn)證的煩惱...2006-12-12獲取 textarea 標(biāo)簽第n行的文字的js代碼
獲取 textarea 標(biāo)簽第n行的文字的實(shí)現(xiàn)代碼,非常的不錯(cuò),兼容了firefox.2009-08-08javascript select options 排序(保持option 對(duì)象完整性)
select options 排序(保持option 對(duì)象完整性)2010-03-03將光標(biāo)定位到textarea的某一行的javascript代碼
將光標(biāo)定位到textarea的某一行的javascript代碼...2007-04-04(僅IE下有效)關(guān)于checkbox 三態(tài)
(僅IE下有效)關(guān)于checkbox 三態(tài)...2007-05-05javascript 09年最新版的省市聯(lián)動(dòng)
省市聯(lián)動(dòng)代碼,最新版。2009-04-04