Question

把一个table分成多层,然后用div控制显示可以实现吗

我现在做的页面是那种当你选择不同的select(a,b,c)时，table显示不同的参数。这个就需要有一部分隐藏一部分显示。可不可以用一个<div id=1,2,3)分别控制对应的显示和隐藏

Answer 1

用div嵌套在tr外面是不标准的写法，不推荐，而且可能会引起浏览器兼容问题。

你直接对要显示隐藏的tr进行操作就行了啊，比如如下代码：

<script>
	function Cmd(v){
		for(var i=1; i<=3; i++){
			var tr = document.getElementById("tr"+i);
			if(v==i)
				tr.style.display = "";
			else
				tr.style.display = "none";
		}
	}
</script>
<select onchange="Cmd(this.value)">
	<option value="1" selected="selected">1</option>
	<option value="2">2</option>
	<option value="3">3</option>
</select>
<table>
	<tr id="tr1"><td>行1</td></tr>
	<tr id="tr2" style="display:none;"><td>行2</td></tr>
	<tr id="tr3" style="display:none;"><td>行3</td></tr>
</table>

Answer 2

你可以给对应列加上一个name，然后select下拉框每次onchange的时候发生事件，根据你的选择把对应的name显示或者隐藏

追问

那样会不会就是要有许多参数吗？不能够就是一大块直接一个div的id控制码

追答

你已经采纳了，思路就大概就是这样，要控制列也是这个样子做

追问

我只是不知道div嵌套在tr外面是写法不标准，他说完那句话我就知道错误在哪了。不过谢谢你了