前端代码

<form name="form1" method="post" action="pMmEquipMent2!saveMmEqiup.action" id="form1"> <s:hidden key="vo.id"/> <s:hidden key="vo.dock"></s:hidden> <s:hidden key="act"/> <div> <table cellpadding="0" border="0" cellspacing="0" class="edittable" id="table1"> <tbody id="tbody"> </tbody> </table> <br /> <input type="button" value="增加" onclick="f_addTr()"></input> </div> </form>

//添加tr function f_addTr(){ var allTr = $("#table1 tbody tr"); if(allTr && allTr.length != 0 && allTr != null && allTr != ""){ var addEquip = $("tr:last:").children(‘td‘).eq(1).find("input[name=equipmentIds]"); var equipmentId = $(addEquip).val(); if(!equipmentId || equipmentId <= 0 || equipmentId == null || equipmentId==""){ alert("设备有空值请先选择"); return; } } var html = ‘<tr>‘ /* +‘<td>设备类型：</td>‘ +‘<td><select onchange="addEquip(this)"></select>&nbsp;&nbsp;</td>‘ */ +‘<td>设备：</td>‘ +‘<td ><input type="text"><input type="hidden">&nbsp;&nbsp;</td>‘ +‘<td>位号：</td>‘ +‘<td><input type="text" calss="tags"><input type="hidden"></td>‘ +‘<td>&nbsp;&nbsp;<input type="button" value="删除"></td>‘ +‘</tr>‘ $("#tbody").append(html); //f_addSelect(); f_addEquip(); }

//设备autocomplete自动完成 function f_addEquip(){ //debugger; //var tr = //最后一个tr的设备js参数 var equipAlias = $("tr:last:").children(‘td‘).eq(1).find("input[name=equipNames]"); //var tr = $(obj).parent().parent(); //var equipAlias = tr.children("td").eq(1).find("input[name=equipNames]"); //最后一个tr的位号js参数 var tags = $("tr:last:").children("td").eq(3).find("input[name=tags]"); var tagIds = $("tr:last:").children("td").eq(3).find("input[name=tagIds]"); var equipmentIds = $("tr:last:").children("td").eq(1).find("input[name=equipmentIds]"); // $(".equipAlias").flushCache(); $(equipAlias).val(""); $(equipmentIds).val(""); $(tags).val(""); $(tagIds).val(""); $(equipAlias).flushCache(); $(tags).flushCache(); $(equipAlias).autocomplete("${ctx}/mm/pMmEquipMent2!findEquipAlias.action",{ max: 30, //列内外的条目数 minChars: 0, //自动完成激活之前填入的最小字符 width: 260, //提示的宽度，，溢出隐藏 scrollHeight: 300, //提示的高度，溢出显示滚动条 matchContains: true, //包罗匹配，就是data参数里的数据，是否只要包罗文本框里的数据就显示 autoFill: false, //自动填充 mustMatch:true, //true：只会允许匹配的功效呈此刻输入框，默认为false dataType: "json", multiple: false, //是否多个值（“，”离隔） matchSubset:true, extraParams: { //equipTypeId: function(){return $(obj).val();}, equipAlias: function(){ return encodeURIComponent($(equipAlias).val()); } }, parse: function(data) { var datas = new Array(); if(data !=null && data.length > 0){ $.each(data, function(i,item) { var _data = { data:item, value:item.name, result:item.name } datas.push(_data); }) } return datas; }, formatItem: function(row, i, max) { return row.name; }, formatResult: function(row) { return row.name; } }).result(function(e, item, value) { //var equipmentIds = tr.children("td").eq(3).find("input[name=equipmentIds]"); $(equipmentIds).val(item.id); f_selectTags(tags, tagIds, item.id); }); }

//删除对应tr function deleteTr(obj){ $(obj).parent().parent().parent()[0].removeChild($(obj).parent().parent()[0]); }

js实现按钮添加和删除tr