5_1 : 게시판 여분필드와 자바스크립트 : 배열쪼개기(1) 정보
5_1 : 게시판 여분필드와 자바스크립트 : 배열쪼개기(1)
본문
5_1 편은 그냥 php 는 붙이지 않은 채 html 과 js 의 뼈다구 코드만 먼저 올릴게요.
나중에 처리할 때는 wr_5 의 type 을 hidden 으로 주고
뷰페이지에서는 여분필드를 | 으로 explode 해서 사용하면 됩니다.
코드를 째려보면서 이해하셨음 좋겠습니다.
5_2 에서 토탈소스를 짜면서 이 시리즈(?)를 마칠게요.
결과물은 https://wittazzurri.com/editor/html_editor.php 에서 확인하세요.
----------
보내는 코드
<input id="wr_5" name="wr_5">
<div id="wrDiv_5">
<input value="봄">
<input value="여름">
<input value="가을">
<input value="겨울">
</div>
<button onclick="btnClick()">클릭</button>
<script>
function btnClick() {
for (i of wrDiv_5.querySelectorAll("input")) wr_5.value += (i.value + "|");
wr_5.value = wr_5.value.slice(0, -1);
}
</script>
----------
받는 코드
<input id="wr_5" name="wr_5" value="봄|여름|가을|겨울">
<div id="wrDiv_5">
<input>
<input>
<input>
<input>
</div>
<script>
n = 0;
for (i of wrDiv_5.querySelectorAll("input")) i.value = wr_5.value.split("|")[n++];
</script>
추천
5
5
댓글 4개
감사합니다.
@써맨 감사합니다
감사 합니다.
@들레아빠 감사합니다.
