jsp代码============ table tr td tdinput type="button" value="
jsp代码============
<table >
<tr >
<td>
<td><input type="button" value="添加"></input><input type="button" value="删除"></input></td>
</tr>
<tr>
<td colspan="4">
<table>
<tr>
<td valign="middle">产品名称类别:</td>
<td>
<select data-options="editable:false">
</select>
</td>
<td>产品名称:</td>
<td>
<input type="text" />
</td>
</tr>
</table>
</td>
</tr>
</table>
js代码============
//添加
function addname() {
$("#namearea").parent().append(
`<tr >
<td colspan="4">
<table>
<tr>
<td valign="middle">产品名称类别: </td>
<td><select#namearea").parent().children().length +`" type="text" ></select> </td>
<td>产品名称:</td>
<td><input#namearea").parent().children().length +`" type="text" /></td>
</tr>
</table>
</td>
</tr>`);
var url=‘<%=basePath%>xyData/xySelecteHealthDit/xySelecteHealthDit.do?tip_id=‘
var c=$("#namearea").parent().children().length-1;
HydUtilLoadSellect(url,$(‘#productNameCategory‘+c),215);
$(‘#ProductName‘+c).validatebox({
required: true
});
if($("#namearea").parent().children().length > 5){
$.messager.alert(‘提示‘,‘最多添加5项!‘,‘info‘);
}
};
//删除
function mnsname() {
if($("#namearea").parent().children().length > 2){
$("#namearea").parent().children().last().remove();
}else{
//alert("至少保存一项");
$.messager.alert(‘提示‘,‘至少保存一项!‘,‘info‘);
}
//$("#namearea>*:last").remove();
};
在jsp页面动态添加,,删除文本框模块
温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/31783.html