SSH 前端页面实现新增和修改 联查外键

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	
	<jsp:include page="/common/common-js.jsp"></jsp:include>

	<br>
	<br>
	
    <div class="container">
        <div class="panel panel-info"> 
            <div class="panel-heading">
                <div class="panel-title">新增或修改页面</div>
            </div>
            <div class="panel-body">
                <form class="form-horizontal" action="<%=request.getContextPath() %>/memberController/addMember.do" method="post">
                	 <input type="hidden" name="membeId" class="form-control" value="${m.membeId }">
                    <div class="form-group">
                        <label class="control-label col-md-3">会员名称</label>
                        <div class="col-md-5">
                            <input type="text" name="memberName" class="form-control" value="${m.memberName }">
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <label class="control-label col-md-3">会员性别</label>
                        <div class="col-md-5">
                        	<label class="radio-inline">
					          <input type="radio" name="memberSex" value="1" ${m.memberSex==1?'checked':'' }>男
					        </label>
					        <label class="radio-inline">
					          <input type="radio" name="memberSex" value="2"  ${m.memberSex==2?'checked':'' }>女
					        </label>
                        </div>
                     </div> 
                    
                      <div class="form-group">
                        <label class="control-label col-md-3">会员生日</label>
                        <div class="col-md-5">
                            <div class="input-group">
                                <input type="text" name="memberBirth" class="form-control" id="memberBirth" value="${m.memberBirth }">
                            </div>
                        </div>
                     </div> 
                    
                    <div class="form-group">
                    	<label class="control-label col-md-3">所属部门</label>
                        <div class="col-md-6" id="span1">
                        </div>
                    </div>
                    
                    
                    <div class="form-group">
                        <label class="control-label col-md-3"></label>
                        <div class="col-md-5">
                            <button type="submit" class="btn btn-success">提交</button>
                            <button type="reset" class="btn btn-danger">重置</button>
                        </div>
                    </div>

                </form>

            </div>
        </div>
	</div>
	
	
	
	<script type="text/javascript">
		$(function(){

			/* 图片回显 */
			var bookLogo = '${m.fileName }';
			if(bookLogo=='')
			{
				initFileInput("fileImg","filePath");
			}else
			{
				initFileInput("fileImg","filePath",['<%=request.getContextPath()%>'+bookLogo]);
			}
			
			
			initDate("memberBirth");
			initType();
		});
		
		function initType(){
			
			/* 回显 */
			var memberdept='${m.memberdept.medeptId }';
			
			$.ajax({
				url:"<%=request.getContextPath() %>/memberController/queryMemberdept.do",
				type:"post",
				data:{
				},
				success:function(arr){
					console.log(arr);
					
					/* 新增下拉框 */
					 var str = '';
					str+='<select name="memberdept.medeptId" class="form-control">';
					str+='<option value="-1">请选择</option>';
					for (var i = 0; i < arr.length; i++) {
						str+='<option value="'+arr[i].medeptId+'" '+(memberdept==arr[i].medeptId?'selected':'')+'  >'+arr[i].medeptName+'</option>';
					}
					$("#span1").html(str); 
					

					/*新增单选框*/
					/* var tab = '';
					for (var i = 0; i < arr.length; i++) {
						tab += '<label class="radio-inline">';
						tab += '	<input type="radio" '+(brand==arr[i].brandId?'checked':'')+'   name="brand.brandId" value="'+arr[i].brandId+'">'+arr[i].brandName;
						tab += ' </label>';
						}
						$("#span1").html(tab); */

					/*新增多选框*/
					 /*var tab = '';
					for (var i = 0; i < arr.length; i++) {
						tab += '<label class="checkbox-inline">';
						tab += '	<input type="checkbox" '+(brand==arr[i].brandId?'checked':'')+'   name="brand.brandId" value="'+arr[i].brandId+'">'+arr[i].brandName;
						tab += ' </label>';
						}
					$("#span1").html(tab); 	*/
						
					},
					error : function(e) {
						console.log(e);
					}
				});

	}
	</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

jq1223

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值