채택완료

특정 게시판의 글양식 추가방법

질의응답이라는 게시판에 옵션으로 각각 다른 값을 선택하게 되어있는데 무료체험옵션을 선택했을때만 특정 글양식이 뜨게 하고 싶은데 어떻게 해야하나요??ㅠㅠ

현재 코드는 아래와 같이 되어있습니다~

Copy
<article class="container-fluid px-0">
    <section class="content-page container">
        <h1 class="fs_40 font-weight-bolder text-third" id="contents_title">질의응답</h1>
        <form method="post" name="frm_form" id="frm_form" action="./quetion_update.php" onsubmit="return frm_form_chk(this);" target="hidden_ifrm" enctype="multipart/form-data">
            <input type="hidden" name="act" id="act" value="input" />
            <div class="mt-5">
                <select class="custom-select select-placeholder" id="qt_type" name="qt_type" style="max-width:20rem;">
                    <option selected value="" disabled>상담구분</option>
                    <option value="1">시제품 상담</option>
                    <option value="2">제품양산 상담</option>
                    <option value="3">구매문의</option>
                    <option value="4">배송상담</option>
                    <option value="5">취소/교환/반품 문의</option>
                    <option value="6">업사이클링 무료체험 신청</option>
                </select>
                <div class="invalid-feedback d-block" id="type_none"></div>
                <div class="mt-4">
                    <input type="text" id="qt_title" name="qt_title" class="form-control is-valid" placeholder="제목을 입력해 주세요.">
                    <div class="invalid-feedback d-block" id="title_none"></div>
                </div>
                <div class="mt-4">
                    <textarea name="qt_content" id="qt_content" class="form-control" placeholder="내용을 입력해 주세요" style="height:300px;resize:none;"></textarea>
                    <div class="invalid-feedback" id="content_none"></div>
                </div>
                <div class="ip_wr">
                    <div class="ip_tit">
                        <h5>첨부파일 </h5>
                    </div>
                    <div class="input-group  filebox  flex-nowrap  ">
                        <input class="upload-name form-control" placeholder="*업로드 해주세요." value="*업로드 해주세요.">
                        <div class="input-group-append">
                            <label for="qt_file1" class="btn btn-outline-primary">파일첨부</label>
                            <input type="file" id="qt_file1" name="qt_file1" class="">
                        </div>
                    </div>
                    <script>
                        $("#qt_file1").on('change', function() {
                            var fileName = $("#qt_file1").val();
                            $(".upload-name").val(fileName);
                        });
                    </script>
                </div>
            </div>

답변 2개 / 댓글 3개

채택된 답변
+20 포인트
2023-02-15 (수) 15:27:51
Copy
<script>
$('#qt_type').on('change', function() {
    let val = $(this).val();
    let con = "이름 : \n연락처 : \n";

 

    if (val == '6') {
        $('#qt_content').val(con);
    } else {

        $('#qt_content').val('');

    } 
});
</script>

답변에 대한 댓글 1개

감사합니다~ 바로 적용하니 되네요^^
2023-02-15 (수) 14:46:55

제이쿼리로 하시면 되실거 같아요
select 문의 #gt_type 을 6으로 값 선택 했을때 아래쪽에 특정 글양식이 뜨게 하라 

답변에 대한 댓글 2개

답변 감사합니다. 대충은 알아듣겠는데 제가 있는 소스에서 몇가지 건드려서 수정은 가능한데.. 소스자체를 작성하는 지식은 아직 없어서요..ㅠㅠ...
2023-02-15 (수) 16:08:36
마르스컴퍼니님이 소스를 작성해주셨네요
#gt_type 을 6으로 값 선택 했을때 #qt_content 영역에 내용을 넣어라
아닐경우 #qt_content 영역을 빈값으로 두어라

풀이입니다.

답변을 작성하려면 로그인이 필요합니다.