下拉框控制是否显示或隐藏表格
下拉框是
<optionvalue="1">社会新闻</option>
<optionvalue="2">行业新闻</option>
<optionvalue="3">人物专题</option>
<optionvalue="8">销售公市</option>
<optionvalue="9">房产资讯</option>
<optionvalue="10">地产招商</option>
<optionvalue="11">施工装修</option>

如何选社会新闻的时候出现一个表格， 选取其他的出现对应的表格
------解决方案--------------------

<script type="text/javascript">

function cc(){

//先隐藏所有表格

	var _tables = document.getElementsByTagName('table');

	for(var i = 0 ; i < _tables.length ; ++i){

		_tables[i].style.display = 'none';

	}	

	_tables[+document.getElementById("aa").value-1].style.display = "block";

}

</script>

<select id="aa" onchange="cc()">

<option value="1">tbl1</option>

<option value="2">tbl2</option>

<option value="3">tbl3</option>

</select>

<table border="1" style="display:none;"><tr><td>table 1</td></tr></table>

<table border="1" style="display:none;"><tr><td>table 2</td></tr></table>

<table border="1" style="display:none;"><tr><td>table 3</td></tr></table>

------解决方案--------------------

<script type="text/javascript">

    function cc(){

        var container = document.getElementById('tables_con');

        var v = document.getElementById('aa').value;

        if(v){

            var tables = container.getElementsByTagName('table');

            var len = tables.length;

            for(var i=0;i<len;i++){

                tables[i].style.display = 'none';

            }

            document.getElementById('tbl'+v).style.display = 'block';

        }

    }

</script>

<select id="aa" onchange="cc()">

<option value="1">tbl1</option>

<option value="2">tbl2</option>

<option value="3">tbl3</option>

</select>

<div id="tables_con">

    <table id="tbl1" border="1" style="display:none;"><tr><td>table 1</td></tr></table>

    <table id="tbl2" border="1" style="display:none;"><tr><td>table 2</td></tr></table>

    <table id="tbl3" border="1" style="display:none;"><tr><td>table 3</td></tr></table>

</div>