글쓰기시 행추가 문제..

글쓰기시 행추가 문제.. 채택완료

그누배우자 5년 전 조회 3,863

안녕하세요

글쓰기 페이지에서 버튼으로 행 추가를 하려 합니다.

</p>

<p><?php

   $wr_1 = explode("|", $write['wr_1']); 

?></p>

<p>    <button name="addStaff">정산담당자 추가</button></p>

<p>    <table border="1">

        <tbody>

            <tr name="trStaff">

                <td style="width:150px"><strong>정산담당자</strong></td>

                <td style="width:800px">

                    <input type="text" name="wr_1[0]" placeholder="성명"></p>

<p>                    <select name="wr_1[1]">

                        <option value="Y">사용</option>

                        <option value="N">미사용</option>

                    </select>

                </td>

            </tr></p>

<p>        </tbody>

    </table>

 

<script>

    //추가 버튼

    $(document).on("click","button[name=addStaff]",function(){

        

        var addStaffText =     '<tr name="trStaff">'+

            '    <td class="active col-md-1"><strong>정산담당자</strong></td>'+

            '    <td class="col-md-11">'+

            '        <input type="text" class="form-control" name="wr_2[0]" placeholder="성명">'+

            '        <select class="form-control statusYn" name="wr_2[1]">'+

            '            <option value="Y">사용</option>'+

            '            <option value="N">미사용</option>'+

            '        </select>'+

            '        <button class="btn btn-default" name="delStaff">삭제</button>'+

            '    </td>'+

            '</tr>';

            

        var trHtml = $( "tr[name=trStaff]:last" ); //last를 사용하여 trStaff라는 명을 가진 마지막 태그 호출

        

        trHtml.after(addStaffText); //마지막 trStaff명 뒤에 붙인다.

        

    });

    

    //삭제 버튼

    $(document).on("click","button[name=delStaff]",function(){

        

        var trHtml = $(this).parent().parent();

        

        trHtml.remove(); //tr 테그 삭제

        

    });

</script></p>

<p> </p>

<p>

최상단에 행 추가버튼이 button으로 되어있어서

글쓰기 완료버튼과 중복이 되어 같이 눌어저 버리네요

다른 버튼으로 방법이 없을까요?

그리고 추가할때 마다 wr_1, wr_2 이런식으로 여분필드를 늘려나가려 합니다.

for ($i=1; $i<=10; $i++) {

글쓰기시 행추가 문제.. 채택완료

공유하기