动态新增表格与下拉列表

web页面
关于动态新增表格的js

<script type="text/javascript">
		function addtabfun(){
			var tr = $("#itb tr").eq(1).clone();
			var last=$("#itb tr").last().attr("index");
			if(last==null){
			   last="0";
			}
			var tabsize=parseInt(last) + 1;
			$(tr).attr("index",tabsize);

			var lasttr=$("#itb tr").last()
			var name=$("select",lasttr).attr("name");
			var startindex=name.indexOf("[")+1;
			var endindex=name.indexOf("]");
			name=name.substring(0,startindex)+(parseInt(name.substring(startindex,endindex))+1)+name.substring(endindex,name.length);
			$("select",tr).attr("name",name);

			tr.find("td").get(1).innerHTML = "<input type=\"text\" name=\"punishGist\" class=\"punishGist\"/>";
			tr.find("td").get(2).innerHTML = "扣<input type=\"text\" name=\"score\" class=\"score\"/>分";
	        tr.show();
	        tr.appendTo("#itb");
		}
	</script>

页面中itb表格

<table cellSpacing=1 cellPadding=0 width="100%" align=center bgColor=#cccccc border=0 id="itb">
						<tr class="rowoutdark2">
							<td width="15%" align="center">案件性质</td>
		               		<td width="15%" align="center">处理依据</td>
		               		<td width="17%" align="center">处理结果 </td>
		               		<td width="10%" align="center">
                            <c:if test="${not requestScope.view }"> <a href="#" onClick="addtabfun()">新增</a></c:if>
                            </td>
						</tr>
						<tr class="rowoutdarkwhite" style="display: none">
							<td align="center">
                            <select name="dedustionchilds[0].badStandardId" class="badStandard">
                               <option value="">请选择违规企业行为</option>
							<c:forEach items="${request.badStandarList}" var="item">
                               <option value="${item.badStandardId}">${item.badStandardCode}</option>
							</c:forEach>                                                 
                            </select>
                             </td>
							<td align="center"><input type="text" name="punishGist" class="punishGist"/></td>
							<td align="center">扣<input type="text" name="score" class="score"/>分</td>
							<td align="center"><a href="#" onClick="dlttabfun(this)">删除</a></td>
						</tr>
<c:if test="${not empty dedustionchilds}">
<c:forEach items="${dedustionchilds}"  var="item" varStatus="mm">
     					<tr class="rowoutdarkwhite">		
							<td align="center">
							<input type="hidden" name="dedustionchilds[${mm.count}].deductionPointSubId" value="${item.deductionPointSubId}"/>
							<select name="dedustionchilds[${mm.count}].badStandardId" class="badStandard reloaddata">
                               <option value="">请选择违规企业行为</option>
							<c:forEach items="${request.badStandarList}" var="iitem">
                               <option value="${iitem.badStandardId}" <c:if test="${iitem.badStandardId==item.badStandardId}">selected</c:if> >${iitem.badStandardCode}</option>
							</c:forEach>                                                 
                            </select>
							</td>
							<td align="center"><input type="text" name="punishGist" class="punishGist"/></td>
							<td align="center">扣<input type="text" name="score" class="score"/>分</td>
							<td align="center"><a href="#" onClick="dlttabfun(this)">删除</a></td>
						</tr>
</c:forEach>
</c:if>	
<c:if test="${ empty dedustionchilds}">		
                      <tr class="rowoutdarkwhite">		
							<td align="center"><s:select list="%{#request.badStandarList}" name="dedustionchilds[1].badStandardId" cssClass="badStandard"  listKey="badStandardId" listValue="badStandardCode" headerKey="" headerValue="请选择违规企业行为" /></td>
							<td align="center"><input type="text" name="punishGist" class="punishGist"/></td>
							<td align="center">扣<input type="text" name="score" class="score"/>分</td>
							<td align="center"><a href="#" onClick="dlttabfun(this)">删除</a></td>
						</tr>
</c:if>							
					</table>

页面中根据下拉列表获取数据内容并填充到对应字段js

 <script language="JavaScript">
            function badstandchange(that){
           		if($(that).val() != ""){
					 $.ajax({
					   type:'post',
					   data:'badStandardId='+$(that).val(),
					   dataType:'json',
					   url:'<%=request.getContextPath()%>/credit/deductionPointAction!queryViewData.action',
					   success:function(info){
						   setitemvalue(that,info);
						}
					 });
				}
            }

	        function setitemvalue(sel,val){
				var p=$(sel).parent().parent();
				$("input.score",p).val(val.score);
				$("input.punishGist",p).val(val.punishGist);
			}
			$(document).ready(function() {
				$("select.reloaddata").each(function(index,obj){
					 badstandchange(obj);
				});
				$("select.badStandard").live('change',function(){
					badstandchange(this);

				});
			});
</script>