js,点击加号增加一行,点击减号删除一行

刚才问题可能不详细,重新发一次详细的,第一张图是原界面,以及它的代码,现在要在原型界面下新增加(第二张图)

第一张原界面图

img


原型界面代码:

<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib uri="/WEB-INF/app.tld" prefix="app"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%>

<html>
    <head>
        <jsp:include page="/common/StaticJavascript.jsp" />
        <script type="text/javascript" src="/payment/common/PubJavaScript.js"></script>
        <link href="/common/css/Standard.css" rel="stylesheet" type="text/css">
    </head>
    <body onLoad="initPage();">
        <html:form action="/payment/processGpPOAMain.do">
            <table class="common" cellpadding="1" cellspacing="1" align="center">
                <tr class="top">
                    <td colspan="4">
                        <bean:message key="prompt.title.POAAccUpdate" />
                    </td>
                </tr>


                <tr>
                    <td class="left">
                        <bean:message key="GppoaMainDto.PoaserialNo" />
                    </td>
                    <td class="right">
                        <input type="text" name="gpPoaMainDtoPoaSerialNo" class="readonly" maxlength="26" 
                        value="<bean:write name="gpPoaMainDto" property="poaSerialNo" filter="true"/>" readonly>
                    </td>

                    <td class="left">
                        <bean:message key="GppoaMainDto.PoaType" />
                    </td>
                    <td class="right">
                         <app:localeName name="gpPoaMainDto" property="poaType"  codeType="poaType" />
                         <input type="hidden" name="gpPoaMainDtoPoaType" 
                         value="<bean:write name="gpPoaMainDto" property="poaType" filter="true"/>">    
                    </td>
                </tr>


                <tr>
                    <td class="left">
                        <bean:message key="GppoaMainDto.OwnerCode" />
                    </td>
                    <td class="right">
                        <input type="text" name="gpPoaMainDtoOwnerCode" class="readonly" 
                        value="<bean:write name="gpPoaMainDto" property="ownerCode" filter="true"/>" readonly>
                    </td>
                    <td class="left">
                        <bean:message key="GppoaMainDto.Currency" />
                    </td>
                    <td class="right">
                        <bean:write name="gpPoaMainDto" property="currency"/>
                    </td>
                </tr>
                <tr>
                    <td class="left">
                        <bean:message key="GppoaMainDto.OwnerName" />
                    </td>
                    <td class="right">
                        <input type="text" name="gpPoaMainDtoOwnerName" class="readonly" 
                        value="<bean:write name="gpPoaMainDto" property="ownerName" filter="true"/>" readonly>
                    </td>
                    <td class="left">
                        <bean:message key="GppoaMainDto.OwnerAddress" />
                    </td>
                    <td class="right">
                        <input type="text" name="gpPoaMainDtoOwnerAddress" class="common" 
                        value="<bean:write name="gpPoaMainDto" property="ownerAddress" filter="true"/>">
                    </td>
                </tr>
                <tr>
                    <td class="left">
                        <bean:message key="GppoaMainDto.OwnerMobilephone" />
                    </td>
                    <td class="right">
                        <input type="text" name="gpPoaMainDtoOwnerMobilephone" class="common" 
                        value="<bean:write name="gpPoaMainDto" property="ownerMobilephone" filter="true"/>">
                    </td>
                    <td class="left">
                        <bean:message key="GppoaMainDto.OwnerPhone" />
                    </td>
                    <td class="right">
                        <input type="text" name="gpPoaMainDtoOwnerPhone" class="common" 
                        value="<bean:write name="gpPoaMainDto" property="ownerPhone" filter="true"/>">
                    </td>
                </tr>
                <tr>
                    <td class="left">
                        <bean:message key="GppoaMainDto.OwnerEmail" />
                    </td>
                    <td class="right">
                        <input type="text" name="gpPoaMainDtoOwnerEmail" class="common" 
                        value="<bean:write name="gpPoaMainDto" property="ownerEmail" filter="true"/>">
                    </td>
                    <td class="left">
                        <bean:message key="GppoaMainDto.SourceInd" />
                    </td>
                    <td class="right">
                        <app:localeName name="gpPoaMainDto" property="sourceInd"  codeType="sourceInd" />    
                    </td>
                </tr>
                <tr>
                    <td class="left">
                        <bean:message key="GppoaMainDto.ValidInd" />
                    </td>
                    <td class="right">
                        <bean:write name="gpPoaMainDto" property="validInd" filter="true"/>
                    </td>
                    <td class="left">
                        <%--<bean:message key="GppoaMainDto.UnderWriteChannelTip"/>--%>
                    </td>
                    <td class="right">
                        <%--<bean:write name="gpPoaMainDto" property="accChannel" filter="true"/>--%>
                    </td>
                </tr>                
                <tr>
                    <td class="left">
                        <bean:message key="GppoaMainDto.Amount" />
                    </td>
                    <td class="right">
                        <input type="text" name="gpPoaMainDtoAmount" class="readonly" 
                        value="<bean:write name="gpPoaMainDto" property="amount" filter="true"/>" readonly>
                    </td>
                    <td class="left">
                        <bean:message key="GppoaMainDto.CreditAmount" />
                    </td>
                    <td class="right">
                        <input type="text" name="gpPoaMainDtoCreditAmount" class="readonly" 
                        value="<bean:write name="gpPoaMainDto" property="creditAmount" filter="true"/>" readonly>
                    </td>
                </tr>
                <tr>
                    <td class="left">
                        <bean:message key="GppoaMainDto.EnabledAmount" />
                    </td>
                    <td class="right">
                        <input type="text" name="gpPoaMainDtoEnabledAmount" class="readonly" 
                        value="<bean:write name="gpPoaMainDto" property="enabledAmount" filter="true"/>" readonly>
                    </td>
                    <td class="left">
                        <bean:message key="GppoaMainDto.FreezeAmount" />
                    </td>
                    <td class="right">
                        <input type="text" name="gpPoaMainDtoFreezeAmount" class="readonly" 
                        value="<bean:write name="gpPoaMainDto" property="freezeAmount" filter="true"/>" readonly>
                    </td>
                </tr>
                <tr>
                    <td class="left">
                        <bean:message key="GppoaMainDto.CreatedBy" />
                    </td>
                    <td class="right">
                        <input type="text" name="gpPoaMainDtoCreatedBy" class="readonly" 
                        value="<bean:write name="gpPoaMainDto" property="createdBy" filter="true"/>" readonly>
                    </td>
                    <td class="left">
                        <bean:message key="GppoaMainDto.CreatedDate" />
                    </td>
                    <td class="right">
                        <input type="text" name="gpPoaTradeDtoCreatedDate" class="readonly" 
                          value="<bean:write name="gpPoaMainDto" property="createdDate" filter="true"/>" readonly>
                    </td>
                </tr>
                <tr>
                    <td class="left">
                        <bean:message key="GppoaMainDto.UpdatedBy" />
                    </td>
                    <td class="right">
                        <input type="text" name="gpPoaMainDtoUpdatedBy" class="readonly" 
                        value="<bean:write name="gpPoaMainDto" property="createdBy" filter="true"/>" readonly>
                    </td>
                    <td class="left">
                        <bean:message key="GppoaMainDto.UpdatedDate" />
                    </td>
                    <td class="right">
                        <input type="text" name="gpPoaTradeDtoUpdatedDate" class="readonly" 
                          value="<bean:write name="gpPoaMainDto" property="updatedDate" filter="true"/>" readonly>
                    </td>
                </tr>
                <tr>
                    <td class="left">
                        <bean:message key="GppoaMainDto.PaymentComCode" />
                    </td>
                    <td class="right">
                        <input type="text" name="gpPoaMainDtoPaymentComCode"
                            class="readonly"
                            value="<bean:write name="gpPoaMainDto" property="paymentComCode" filter="true"/>"
                            readonly>

                    </td>
                    <td class="left">
                        <bean:message key="GppoaMainDto.CenterCode" />
                    </td>
                    <td class="right">
                        <input type="text" name="gpPoaMainDtoCenterCode" class="readonly"
                            value="<bean:write name="gpPoaMainDto" property="centerCode" filter="true"/>"
                            readonly>
                    </td>
                </tr>
                <tr>
                    <td class="left">
                        <bean:message key="GppoaMainDto.Remark" />
                    </td>
                    <td class="right" colspan="3">
                        <textarea class="common" name="gpPoaMainDtoRemark" rows="3" cols="63" style="text-align:left"><bean:write name="gpPoaMainDto" property="remark" filter="true"/></textarea>
                    </td>
                </tr>
                </table>
                <bean:parameter id="operateType"  name="operateType" value="<bean:write name='operateType'>"/>
                <table border="0" cellpadding="5" cellspacing="0" class="common">
                    <tr class="top">
                        <td colspan="4">
                            <bean:message key="prompt.title.BalanceRemind" />余额监控提醒
                        </td>
                    </tr>


                    <tr align="center">
                        <td class="white">
                            <input name="buttonQuery" type="button" class="button" onClick="updateAccount();" value="<bean:message key="button.save"/>" accesskey="s">
                        </td>
                        <td class="white">
                            <input name="buttonQuery" type="button" class="button" onClick="javascript:history.go(-1)" value="<bean:message key="button.backtrack"/>" accesskey="s">
                        </td>                            
                    </tr>
                    <tr>
                        <td colspan="2" class="white">
                            <iframe name=QueryResultFrame src='about:blank'
                                style='Z-INDEX: 1; WIDTH: 100%; HEIGHT: 410' marginwidth='0'
                                marginheight='0' hspace='0' vspace='0' frameborder='0'
                                scrolling='auto'>
                            </iframe>
                        </td>
                    </tr>
                </table>
        </html:form>
        <app:codeInput />
<script language="javascript">
     function updateAccount(){
         fm.target="mainFrame";
         fm.action="/payment/processGpPOAMain.do?actionType=updateAccount";
         var message1 = "<bean:message key='prompt.common.sureSubmit'/>";
         submitToNewWindow(message1);            
     }
</script>
    </body>
</html>



第二张图:红框是要新增的

img

只不过 邮箱那块是样的“

img

所以只需要在原代码里加就可以了,我知道在哪儿加,但是不会写