동적 활용 질문드립니다.
현재 기본틀은 이렇게 잡고있는데
선택1을 하면 선택2가 동적으로 바뀌어야 합니다.
그리고 제일 오른쪽 추가버튼을 누르면 row로 똑같은것이 한줄로 추가되게 할려고합니다...
추가된 row에는 가장 오른쪽 끝에 삭제버튼을 만들 생각입니다.
이게 생각 처럼 쉽지가 않네요;;
만들어도 row추가하면 동작도 안되고..
능력자분들 있으시면 간단하게라도 코드좀 알려주시면 감사하겠습니다 ㅠ
아 그리고 선택1의 select는 php함수로 만들었습니다.
ps 달력도 추가될때마다 전부다 동작되어야 합니다 도움주시면 감사하겠습니다 ㅠ
선택1을 하면 선택2가 동적으로 바뀌어야 합니다.
그리고 제일 오른쪽 추가버튼을 누르면 row로 똑같은것이 한줄로 추가되게 할려고합니다...
추가된 row에는 가장 오른쪽 끝에 삭제버튼을 만들 생각입니다.
이게 생각 처럼 쉽지가 않네요;;
만들어도 row추가하면 동작도 안되고..
능력자분들 있으시면 간단하게라도 코드좀 알려주시면 감사하겠습니다 ㅠ
아 그리고 선택1의 select는 php함수로 만들었습니다.
ps 달력도 추가될때마다 전부다 동작되어야 합니다 도움주시면 감사하겠습니다 ㅠ
첨부파일
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 4개
추가버튼 누르는 건 onclick으로 자바스크립트 함수를 걸어서 그 함수 내에 append 같은거 써서 tr 한줄 늘리면 될거같네요
row를 추가하고 삭제하고 이런걸 만들려면 자바스크립트로 테이블 행, 열 추가 삭제 하는 방법을 잘 알아야 가능합니다(행을 5개 추가 하고 3번째 행을 삭제하는 법을 아시는가요?)
row 대신 div 로 디자인을 하고 jquery의 append 를 쓰면 비교적 쉽게 될텐데요
jquery append ,remove 사용법을 익혀보세요(이걸 익히는게 더 어려울끼요?)
이런 식입니다
style
.cell{float:left; width:100px;}
.select{float:left; width:~~}
~
.del{float:left:width:100px; cursor:pointer;}
<table>
<tr><td>달력</td><td>선택1</td>~~~</tr>
<tr><td colspan='7'>
<div id='myadd'></div>
</td>
</tr></table>
function row_add(){
$('#myadd').append("<div class='row'><div class='cell'>달력 링크</div><div class='select'><select name='test[]'><option value=~~></select></div>~~~<div class='del' onclick="$(this).parent().remove()">삭제</div></div>");
}
어떻게든 추가를 했다고 하면 폼을 submit했을 때 선택한 값들을 저장하는 방법은 알고있는 것인가요?
제가 자바스크립트를 잘 못다루다보니 정말 저 화면 구성이 어렵더군요...
일단 달력은 datepicker 가지고 쓰고 잇는데 이게 추가된 줄에서는 작동이 안되네요
새벽 3시에 답변 감사드리구요 datepicker 사용법 알고 계시면 한번더 답변 부탁드려요
균님꼐서 알려주신방법은 열심히 연구중입니다.