폼을 추가 삭제 버튼을 이용하여 생성하거나 지우려고 합니다. 채택완료
먼저 관련 소스입니다.
$(function() {
$("#add-obj").click(function() {
var obj = $("#tbl").find("input.frm_input");
obj.last().clone().insertAfter(obj.last());
});
$("#remove-obj").click(function() {
var obj = $("#tbl").find("input.frm_input");
var len = obj.length;
if(len == 1) {
alert("더이상 삭제 안 됨");
} else {
$("#tbl").find("input.frm_input").last().remove();
}
});
});


원
이렇게 되어 있습니다.
맨 처음 상태는
이렇게 되어 있습니다.
저는 수리내용과 수리비용을 쓰는 칸이 플러스 버튼을 누르면 아래에 추가로 두개가 나타나게 하고 싶은데
플러스 버튼을 누르면
이런식으로 수리비용 칸만 늘어납니다..
그리고 마이너스 버튼을 누르면 수리비용 부분이 사라지고 수리내용만 남은 상태에서
더이상 삭제할 수 없다는 경고창이 나타납니다.
수리내용과 수리비용칸이 밑으로 동시에 추가될 수 있게 하려면 어떻게 하여야 하는지요..
답변 1개
| 수리비
|
|
|---|
$(function() {
$("#add-obj").click(function() {
var obj = $("#tbl").find("ul>li:first").clone(); $("#tbl").find("ul").append(obj);
});
$("#remove-obj").click(function() { if($("#tbl").find("ul>li").length > 1) { $("#tbl").find("ul>li:last").remove(); }
});
});
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인