특정 게시판의 글양식 추가방법
본문
질의응답이라는 게시판에 옵션으로 각각 다른 값을 선택하게 되어있는데 무료체험옵션을 선택했을때만 특정 글양식이 뜨게 하고 싶은데 어떻게 해야하나요??ㅠㅠ
현재 코드는 아래와 같이 되어있습니다~
<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
<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>
감사합니다~ 바로 적용하니 되네요^^
제이쿼리로 하시면 되실거 같아요
select 문의 #gt_type 을 6으로 값 선택 했을때 아래쪽에 특정 글양식이 뜨게 하라
답변 감사합니다. 대충은 알아듣겠는데 제가 있는 소스에서 몇가지 건드려서 수정은 가능한데.. 소스자체를 작성하는 지식은 아직 없어서요..ㅠㅠ...
마르스컴퍼니님이 소스를 작성해주셨네요
#gt_type 을 6으로 값 선택 했을때 #qt_content 영역에 내용을 넣어라
아닐경우 #qt_content 영역을 빈값으로 두어라
풀이입니다.
답변을 작성하시기 전에 로그인 해주세요.