select 控制網頁內容隱藏和顯示

select 控制網頁內容隱藏和顯示

<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>
判斷方式也可以改為不等式

來源：www.corange.cn

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈