下拉框选项值控制DIV是否显示简单示例【表单-下拉框-源码 隐藏 JS】

实现脚本：

1. function doAbbb(){
   
2.         var valueObj=document.getElementsByName("下拉框")[0].value;
   
3.         var objDiv = document.getElementById('divid');
   
4.         if(valueObj == "男")
   
5.                 objDiv.style.display = 'none';
   
6.         else{
   
7.                 objDiv.style.display = 'block';
   
8.         }
   
9. }
   
10. doAbbb();

复制代码

2.5sp6,表单控件重构，js页面加载方法在重构之前执行，导致从视图进入表单，隐藏无效。故，在2.5sp6版本，需将doAbbb();语句修改成：window.onload = function(){doAbbb();}示例表单源码参见附件：
下拉框选项值控制div是否隐藏.rar (739 Bytes, 下载次数: 2122)

2012-8-3 11:18 上传

点击文件名下载附件