동적 활용 질문드립니다. 정보
동적 활용 질문드립니다.본문
선택1을 하면 선택2가 동적으로 바뀌어야 합니다.
그리고 제일 오른쪽 추가버튼을 누르면 row로 똑같은것이 한줄로 추가되게 할려고합니다...
추가된 row에는 가장 오른쪽 끝에 삭제버튼을 만들 생각입니다.
이게 생각 처럼 쉽지가 않네요;;
만들어도 row추가하면 동작도 안되고..
능력자분들 있으시면 간단하게라도 코드좀 알려주시면 감사하겠습니다 ㅠ
아 그리고 선택1의 select는 php함수로 만들었습니다.
ps 달력도 추가될때마다 전부다 동작되어야 합니다 도움주시면 감사하겠습니다 ㅠ
댓글 전체
선택 1할때 선택 2가 바뀌는 건 선택 1의 onchange 태그에 자바스크립트 함수를 넣어주시면 될 거같구요..
추가버튼 누르는 건 onclick으로 자바스크립트 함수를 걸어서 그 함수 내에 append 같은거 써서 tr 한줄 늘리면 될거같네요
추가버튼 누르는 건 onclick으로 자바스크립트 함수를 걸어서 그 함수 내에 append 같은거 써서 tr 한줄 늘리면 될거같네요
답변 감사드립니다 onchange onclick 함수를다 넣어줬는데 추가되면 onchange 가 먹히지 않아서 드린 질문이었는데 흠 어쨋든 자바스크립트는 너무 어렵네요 ..
질답으로 해결할 수 없는 작업을 하려고 하는 것 같네요
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했을 때 선택한 값들을 저장하는 방법은 알고있는 것인가요?
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 사용법 알고 계시면 한번더 답변 부탁드려요
균님꼐서 알려주신방법은 열심히 연구중입니다.
제가 자바스크립트를 잘 못다루다보니 정말 저 화면 구성이 어렵더군요...
일단 달력은 datepicker 가지고 쓰고 잇는데 이게 추가된 줄에서는 작동이 안되네요
새벽 3시에 답변 감사드리구요 datepicker 사용법 알고 계시면 한번더 답변 부탁드려요
균님꼐서 알려주신방법은 열심히 연구중입니다.