jqery 动态追加删减

本是古典何须时尚 2022-06-03 05:59 182阅读 0赞

![20171220144725709][]

jsp

<form name="Form" id="Form">
                <input type="hidden" name="zindex" id="zindex" value="1">
                <table id="cardTypeTable">
                    <tr>
                        <td style="vertical-align:top;"> 
                             <select name="cardTypeId1" id="cardTypeId1" data-placeholder="选择充值卡面额" style="vertical-align:top;width: 180px;">
                                <c:forEach items="${userCarInfo}" var="cartype">
                                    <option value="${cartype.CARDVALUE}">${cartype.CARDNAME }:${cartype.CARDVALUE }元
                                    </option>
                                </c:forEach>
                              </select>
                        </td>
                        <td>
                            <span class="input-icon">
                                <input  id="num1" type="number" name="num1"  placeholder="这里输入数量" />
                                <a  class='removeclass'>×</a>
                            </span>
                            
                        </td>
                    </tr>
                </table>
            <div class="page-header position-relative">
            <table>
                <tr>
                    <td style="vertical-align:top;">
                        <a class="btn btn-small btn-success" οnclick="addCard();">+</a>
                    </td>
                    <td style="vertical-align:top;">
                        <span class="input-icon">
                            <input  id="paypassword" type="text" name="paypassword"  placeholder="这里输入支付密码" />
                        </span>
                    </td>
                    <td style="vertical-align:top;">
                        <c:if test="${QX.add == 1 }">
                        <a class="btn btn-small btn-success" οnclick="addAply();">申请充值卡</a>
                        </c:if>
                    </td>
                </tr>
            </table>
            </div>
            </form>

jquery

controller

/**
    	 * 获取所有卡类别
    	 * @param response
    	 */
    	@RequestMapping(value="/sub")
    	public void getSub(HttpServletResponse response)throws Exception{
    		try {
    			PageData  pd =new PageData();
    			Subject currentUser = SecurityUtils.getSubject();  
    			Session session = currentUser.getSession();
    			User user = (User) session.getAttribute(Const.SESSION_USER);
    			pd.put("USER_ID", user.getUSER_ID());
    			
    			//查询该用户的所有充值卡
    			List<PageData>  userCarInfo=this.outstockService.selectUserCardInfo(pd);
    			JSONArray arr = JSONArray.fromObject(userCarInfo);
    			PrintWriter out;
    			response.setCharacterEncoding("utf-8");
    			out = response.getWriter();
    			String json = arr.toString();
    			out.write(json);
    			out.flush();
    			out.close();
    		} catch (Exception e) {
    			logger.error(e.toString(), e);
    		}
    	}

[20171220144725709]: /images/20220603/92293deecaa4400f8f06b6ac588c1cb8.png