그누보드 QA - 동적 테이블 추가 tr에 value값을 DB에 저장하는 방법이 궁금합니다.

동적 테이블 추가 tr에 value값을 DB에 저장하는 방법이 궁금합니다.

스티브잡것 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2022.11.01 19:27:21 1592 (210.♡.♡.38)

답변 3

본문

소스를 참고하여 첫줄에 인풋값을 넣고 tr을 추가하는 동적 테이블을 만들어 인풋값이 들어가는 것까지는 구현하였는데 문제는 추가되는 tr 값을 DB에 저장하는 방법을 몰라 헤매고 있는 중입니다.

이리저리 검색하면서 배열이나 기타 예시들을 찾아보고 있지만 개발지식이 부족하여 제대로 작동하는 코드를 짜기가 힘드네요. 혹시 방법을 알려 주실 수 있다면 큰 힘이 될 것 같습니다. 감사합니다.

write.skin.php는 다음과 같습니다.


<tr id="addRow">
    <td>
        <select class="form-control addMain" id="selectA" name="selName" onchange="getList(this.selectedIndex)">
            <option value="대분류 선택" selected disabled>대분류 선택</option>
            <option value="원료 입고 및 검사">원료 입고 및 검사</option>
            <option value="전처리">전처리</option>
            <option value="염색">염색</option>
            <option value="가공">가공</option>
            <option value="검사·포장">검사·포장</option>
            <option value="기타">기타</option>
        </select>
    </td>
    <td>
        <select class="form-control addPrefer" name="selName" id="selectB">
            <option value="A" selected disabled>중분류 선택</option>
        </select>
        <input type="text" id="fc_dir" name="fc_dir" class="form-control addDir" value="" maxlength="50" placeholder="기타 설비명 입력" />
    </td>
    <td>
        <input class="form-control addCommon" type="text" placeholder="대수입력" />
    </td>
    <td>
        <span class="addBtn">
            <i class="fa fa-plus"></i>
        </span>
    </td>
</tr>
<script type="text/javascript">
function formatRows(main, prefer, common) {
    return '<tr><td"><input type="text" name="fc[]" value="' + main + '" class="form-control editable" /></td>' +
        '<td><input type="text" value="' + prefer + '" class="form-control editable" /></td>' +
        '<td><input type="text" value="' + common + '" class="form-control editable" /></td>' +
        '<td><a href="#" onClick="deleteRow(this)">' +
        '<i class="fa fa-trash-o" aria-hidden="true"></a></td></tr>';
};
function deleteRow(trash) {
    $(trash).closest('tr').remove();
};
function addRow() {
    var main = $('.addMain').val();
    if ($("#selectA").val() == "기타") {
        var preferred = $('.addDir').val();
    } else {
        var preferred = $('.addPrefer').val();
    }
    var common = $('.addCommon').val();
    $(formatRows(main, preferred, common)).insertAfter('#addRow');
    $(input).val('');
}
$('.addBtn').click(function() {
    addRow();
});
</script>