Notice
Recent Posts
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
Tags
- 깃허브 간단요약
- 깃허브
- 마이바티스
- jsp
- MySQL
- 오라클
- 버튼
- 폼태그
- EL태그
- java
- 이클립스
- springboot
- 자바
- 알고리즘
- jstl
- 제이쿼리
- 자바스크립트
- 스프링
- SESSION
- 면접
- 설정
- jquery
- Oracle
- jsp 내부객체
- Spring
- 셋업
- 필터체인
- html
- Eclipse
- 설치
Archives
- Today
- Total
은은하게 코드 뿌시기
동적으로 생성한 값 받아오기/jstl/js 본문
728x90
EL/JSTL, Javascript 함께 사용할 때 따옴표(") 홑따옴표(') 처리
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
|
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" session="false" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="assetsPath" value="${pageContext.request.contextPath }/resources/assets" />
<c:set var="contextPath" value="${pageContext.request.contextPath }" />
<!doctype html><html lang="en">
<script>
function sendVal(addrName, addr){
console.log("addrname :" + addrName);
console.log("addr :" + addr);
document.getElementById("insertName").value = addrName;
document.getElementById("insertAddr").value = addr;
}
</script>
<!-- head-->
<%@ include file="include/head.jsp" %>
<body>
<!--====== PRELOADER PART START ======-->
<div class="preloader">
<div class="loader">
<div class="ytp-spinner">
<div class="ytp-spinner-container">
<div class="ytp-spinner-rotator">
<div class="ytp-spinner-left">
<div class="ytp-spinner-circle">
</div>
</div>
<div class="ytp-spinner-right">
<div class="ytp-spinner-circle">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--====== PRELOADER PART ENDS ======-->
<!--====== HEADER PART START ======-->
<%@ include file="include/header2.jsp" %>
<!--====== HEADER PART ENDS ======-->
<!--====== PAGE TITLE PART START ======-->
<section class="page-title-area bg_cover" style="background-image: url(${assetsPath}/images/page-bg-2.jpg);">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="page-title-item text-center">
<h3 class="title">Mypage AddressList</h3>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="${contextPath}/">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Mypage AddressList</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</section>
<!--====== PAGE TITLE PART ENDS ======-->
<!--====== BLOG STANDARD PART START ======-->
<section class="blog-standard-area pt-120 pb-150">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="blog-details mt-30 mr-20">
<!-- 내용쓰기 -->
<div class="blog-details-form">
<div class="blog-details-title ">
<h3 class="title">add Address</h3>
</div>
<hr>
<div class="blog-details-form-item mt-30">
<form action="#">
<div class="row">
<div class="col-lg-12">
<div class="input-box mt-30">
<label>address name</label><input type="text" placeholder="주소별칭" id="insertName" name="insertName">
</div>
</div>
<div class="col-lg-12">
<div class="input-box mt-30">
<label>address</label><input type="text" placeholder="주소" id="insertAddr" name="insertAddr">
</div>
</div>
<div class="col-lg-12">
<div class="input-box mt-30">
<button class="main-btn mt-30">추가</button>
</div>
</div>
</div>
</form>
</div>
<p></p>
<div class="food-menu-area restaurant-details-area">
<div class="blog-details-title">
<h3 class="title">Mypage AddressList</h3>
</div>
<hr>
<div class="row">
<div class="col-lg-12">
<div class="food-menu-box">
<div class="row grid">
<c:forEach items="${addrList}" var="addr" varStatus="status">
<div class="col-lg-12">
<div class="food-menu-item mt-30 d-block d-sm-flex align-items-center"
name="divclick" onclick="sendVal('${addr.u_p_add_id}' , '${addr.u_p_address}' );" >
<div class="col-lg-9">
<div class="food-menu-content">
<a href="#">
<h4 id="addr_id${status.count}" name="addr_id${status.count}">${addr.u_p_add_id}</h4>
</a>
<ul>
<li name="addr_addr${status.count}">${addr.u_p_address}</li>
<li name="addr_flag${status.count}" hidden>${addr.u_p_flag}</li>
</ul>
</div>
</div>
<div class="col-lg-2">
<div class="food-menu-thumb">
<a href="#">delete</a>
</div>
</div>
</div>
</div>
</c:forEach>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- side bar -->
<%@ include file="include/mypage_sidebar.jsp" %>
</div>
</div>
</section>
<!--====== BLOG STANDARD PART ENDS ======-->
<!--====== INSTAGRAM PART START ======-->
<%@ include file="include/instaPart.jsp" %>
<!--====== INSTAGRAM PART ENDS ======-->
<!--====== FOOTER PART START ======-->
<%@ include file="include/footer.jsp" %>
<!--====== FOOTER PART ENDS ======-->
<!--====== GO TO TOP PART ENDS ======-->
</body>
</html>
|
cs |
728x90
'웹 > 웹프로그래밍' 카테고리의 다른 글
크롬으로 디버깅 하기 (0) | 2022.11.03 |
---|---|
GET POST 차이, put, patch,delete (0) | 2022.10.09 |
쿠키(Cookie) /세션(Session) 차이! (0) | 2022.10.09 |
URL / URI 차이점? (0) | 2022.08.08 |
웹프로그래밍의 이해 (0) | 2022.07.28 |
Comments