select控制网页内容隐藏和显示
2010-05-25 11:22
477 查看
<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>
判断方式也可以改为不等式
原文地址:http://www.corange.cn/archives/2010/05/3625.html
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>
判断方式也可以改为不等式
原文地址:http://www.corange.cn/archives/2010/05/3625.html
相关文章推荐
- select 控制网页内容隐藏于显示的实现代码
- select 控制网页内容隐藏于显示的实现代码
- select控制网页内容隐藏和显示
- select控制网页内容隐藏和显示
- select控制网页内容隐藏和显示
- 这样控制DataGrid的单元格内内容自动隐藏,鼠标移上时显示全部
- select下拉列表框---控制DIV的显示隐藏
- jquery each控制checkbox有关内容(table tr)的显示或隐藏(jquery 按条件隐藏显示已输出内容)
- JavaScript控制内容的隐藏和显示
- div 能控制内容显示多少吗? 多的内容就隐藏或者有滚动条
- jQuery Mobile 控制 select 的显示隐藏 display none
- js控制输入框取得焦点时另一内容显示/隐藏
- WebView 关于如何隐藏地址栏,用WebView 来显示网页内容
- 控制文字内容的显示与隐藏
- 鼠标移动到指定位置显示网页内容,鼠标移出隐藏
- js控制select选中显示不同表单内容
- select选择控制<tr>显示与隐藏
- 控制文字内容的显示与隐藏示例
- 使用 CSS3 新属性 user-select 控制网页内容的选择范围
- 通过radio和js控制div里的内容显示或者隐藏