能写出这样的JS吗？给个一样的例子也行，谢了。

Answer 1

且表格都是有边框的，全部展开后：
还有google一层也差不多:http://hi.csdn.net/attachment/201005/25/4857707_127479699372B0.jpg
然后，折叠后也要不会现问题.谢了。

Answer 2

以前写的一个动态生成表格的例子，LZ这个最重要的应该就是表格的动态生成吧
<script>
var n=4;
function add(){
var row1=document.getElementById('tab').insertRow(++n);
var cell1=row1.insertCell(0);
cell1.bgColor='#eff6fd';
cell1.align='center';
cell1.rowSpan=4;
cell1.innerHTML="物品"+Math.ceil((n-1)/4)+"：";
var cell2=row1.insertCell(1);
cell2.bgColor='#eff6fd';
var text=document.createTextNode("物品名称： ");
cell2.appendChild(text);
cell2.appendChild(createGoodsSelect(Math.floor((n-1)/4)));
var row2=document.getElementById('tab').insertRow(++n);
var cell21=row2.insertCell(0);
var text=document.createTextNode("物品尺寸： ");
cell21.bgColor='#eff6fb';
cell21.appendChild(text);
cell21.appendChild(createDimensionSelect(Math.floor((n-1)/4)));
//cell2.innerHTML="物品名称： <input type='text' name='iostocks["+(n-3)+"].goods.gid' />";
var row3=document.getElementById('tab').insertRow(++n);
var cell31=row3.insertCell(0);
cell31.bgColor='#eff6fd';
cell31.innerHTML="物品数量： <input type='text' name='iostocks["+Math.floor((n-1)/4)+"].count' />";
var row4=document.getElementById('tab').insertRow(++n);
var cell41=row4.insertCell(0);
cell41.bgColor='#eff6fd';
cell41.innerHTML="备&nbsp;&nbsp;&nbsp;&nbsp;注： <input type='text' name='iostocks["+Math.floor((n-1)/4)+"].re' />";
}
function createGoodsSelect(ord){
var select_orgin=document.getElementById("gid");
var select_dest=goodsNode.cloneNode(true);
select_dest.removeAttribute("id");
select_dest.setAttribute("name","iostocks["+ord+"].goods.gid");
return select_dest;
}
function createDimensionSelect(ord){
var select_orgin=document.getElementById("did0");
var select_dest=dimensionNode.cloneNode(true);
select_dest.setAttribute("id","did"+ord);
select_dest.setAttribute("name","iostocks["+ord+"].dimension.id");
return select_dest;
}
</script>
<table width="100%" border="0" cellpadding="1" cellspacing="1"
class="sedit_list" id="tab">
<tr>
<td width="13%" height="25" align="center" bgcolor="#eff6fd">
快递单号：
</td>
<td width="87%" height="25" bgcolor="#eff6fd">
<input type="text" name="itemno" id="itemno" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="javascript:add();">继续添加物品</a>
</td>
</tr>
<tr>
<td height="25" align="center" bgcolor="#eff6fd" rowspan="4">
物品1：
</td>
<td height="25" bgcolor="#eff6fd">
物品名称：
<select name="iostocks[0].goods.gid" style="width: 130px"
id="gid"
onchange="javascript:changeDimensions(this.value,document.getElementById('did'+new Number(this.name.substring(9,10))));">
<option value="0">
请选择
</option>
<c:forEach items="${requestScope.goodsList}" var="goods">
<option value="${goods.gid }">
${goods.name }
</option>
</c:forEach>
</select>
</td>
</tr>
<tr>
<td height="25" bgcolor="#eff6fd">
物品尺寸：
<select name="iostocks[0].dimension.id" id="did0">
<option value="0">
请选择
</option>
</select>
</td>
</tr>
<tr>
<td height="25" bgcolor="#eff6fd">
物品数量：
<input type="text" name="iostocks[0].count" />
</td>
</tr>
<tr>
<td height="-1" bgcolor="#eff6fd">
备&nbsp;&nbsp;&nbsp;&nbsp;注：
<input type="text" name="iostocks[0].re" />
</td>
</tr>
<tr>
<td height="25" align="center" bgcolor="#eff6fd">
邮政编码：
</td>
<td height="-1" bgcolor="#eff6fd">
<input type="text" name="postcode" id="postcode" />
</td>
</tr>
</table>
<script type="text/javascript">
var goodsNode=document.getElementById("gid").cloneNode(true);
var dimensionNode=document.getElementById("did0").cloneNode(true);
</script>

Answer 3

<script> 
var   n=4; 
function   add(){ 
var   row1=document.getElementById( 'tab ').insertRow(++n); 
var   cell1=row1.insertCell(0); 
cell1.bgColor= '#eff6fd '; 
cell1.align= 'center '; 
cell1.rowSpan=4; 
cell1.innerHTML= "物品 "+Math.ceil((n-1)/4)+ "： "; 
var   cell2=row1.insertCell(1); 
cell2.bgColor= '#eff6fd '; 
var   text=document.createTextNode( "物品名称：   "); 
cell2.appendChild(text); 
cell2.appendChild(createGoodsSelect(Math.floor((n-1)/4))); 
var   row2=document.getElementById( 'tab ').insertRow(++n); 
var   cell21=row2.insertCell(0); 
var   text=document.createTextNode( "物品尺寸：   "); 
cell21.bgColor= '#eff6fb '; 
cell21.appendChild(text); 
cell21.appendChild(createDimensionSelect(Math.floor((n-1)/4))); 
//cell2.innerHTML= "物品名称：   <input   type= 'text '   name= 'iostocks[ "+(n-3)+ "].goods.gid '   /> "; 
var   row3=document.getElementById( 'tab ').insertRow(++n); 
var   cell31=row3.insertCell(0); 
cell31.bgColor= '#eff6fd '; 
cell31.innerHTML= "物品数量：   <input   type= 'text '   name= 'iostocks[ "+Math.floor((n-1)/4)+ "].count '   /> "; 
var   row4=document.getElementById( 'tab ').insertRow(++n); 
var   cell41=row4.insertCell(0); 
cell41.bgColor= '#eff6fd '; 
cell41.innerHTML= "备&nbsp;&nbsp;&nbsp;&nbsp;注：   <input   type= 'text '   name= 'iostocks[ "+Math.floor((n-1)/4)+ "].re '   /> "; 
} 
function   createGoodsSelect(ord){ 
var   select_orgin=document.getElementById( "gid "); 
var   select_dest=goodsNode.cloneNode(true); 
select_dest.removeAttribute( "id "); 
select_dest.setAttribute( "name ", "iostocks[ "+ord+ "].goods.gid "); 
return   select_dest; 
} 
function   createDimensionSelect(ord){ 
var   select_orgin=document.getElementById( "did0 "); 
var   select_dest=dimensionNode.cloneNode(true); 
select_dest.setAttribute( "id ", "did "+ord); 
select_dest.setAttribute( "name ", "iostocks[ "+ord+ "].dimension.id "); 
return   select_dest; 
} 

Answer 4

互联网公司招聘网站高级开发工程师，岗位职责：  
1．参与或带领开发小组进行网站上各类产品的开发；
2．参与网站性能调优。
岗位要求：  
1．3年以上网站开发经验，1年以上WEB2.0网站开发经验；
2．精通.NET/C# 开发，精通CSS，熟悉SQL数据库设计及熟练应用SQL语言；
3．熟悉网站产品开发流程，对网站产品的UI及用户体验有很好的认识；
4．至少熟悉一种javascript主流基础开发包；
5．有很高的网站程序开发热情，有一定的项目管理能力；
6．能熟练阅读英文资料；
7．良好的沟通能力，学习能力及团队合作精神。
有意向的请发送简历至[email protected]