<div class="input_wrap">
        <div class="input_list">
            <textarea type="text" id="wr_subject" name="wr_subject" rows="5" required class="form-control required" placeholder="입력해주세요." />
<?php 
                    if(empty(trim($write['wr_subject']))) {
                        echo" 상품명 : \n 상품URL : \n 가격 : \n 수량 : \n 옵션 : ";
                    } else {
                        echo $write['wr_subject'];
                    }
                    ?>
</textarea>
        </div>
    </div>
    <button class="add_field">추가하기</button>
<script>
const wrapper = $('.input_wrap'); // 입력 필드를 포함하는 컨테이너 선택
const addButton = $('.add_field'); // 추가 버튼 선택
const maxFields = 10; // 최대 입력 필드 수 설정
let fieldCount = 1; // 현재 입력 필드 수
// '추가하기' 버튼 클릭 시 이벤트
addButton.click(function(e) {
    e.preventDefault(); // 페이지 리로드 방지
    if (fieldCount < maxFields) { // 최대 필드 수 체크
        fieldCount++; // 필드 수 증가
        // 새 입력 필드 추가
        wrapper.append(`
            <div class="input_list">
                <textarea type="text" id="wr_31" name="wr_31" rows="5" required class="form-control required" /> 상품명 : \n 상품URL: \n 가격 : \n 수량: \n 옵션 :</textarea>
                <a href="javascript:void(0);" class="remove_field">삭제</a>
            </div>
        `);
    }0
});
// '삭제' 링크 클릭 시 이벤트
wrapper.on('click', '.remove_field', function(e) {
    e.preventDefault(); // 페이지 리로드 방지
    $(this).parent('.input_list').remove(); // 필드 제거
    fieldCount--; // 필드 수 감소
});
</script>