셀렉트박스 질문요~~~@#@
본문
<select id="licence" name="wr_data[licence]" class="caaok-select">
<option value="">-선택-</option>
<option value="150,000원">바리스타 1급</option>
<option value="100,000원">바리스타 2급</option>
<option value="200,000원">커피로스팅</option>
<option value="150,000원">라떼아트 전문가</option>
<option value="200,000원">핸드드립 전문가</option>
<option value="200,000원">향미분석 전문가</option>
<option value="150,000원">에스프레소 감정평가</option>
<option value="150,000원">커피머신정비 전문가</option>
</select>
<span id="result" class="text-danger"></span>
<script>
$('#licence').on('change', function() {
$('#result').text(this.value ? this.value : '');
});
</script>
스크립트함수내용
위 식은 셀렉트값 선택시 <span id="result" class="text-danger"></span>에 가격만 출력되게 하였는데, 필요에 의해서 <option value="150,000원">바리스타 1급</option>의 금액따로 셀렉트값 따로 출력을 화고 싶은데, 아무리 뒤져 봐도 비슷한 내용이 없어서 질문 드립니다.
고수님들 도와주세요^^
답변 3
<span id="result1" class="text-danger">상물명</span>
<span id="result2" class="text-danger">가격</span>
<script>
$('#licence').on('change', function() {
$('#result1').text($("option:selected", this).text());
$('#result2').text($("option:selected", this).val());
});
=> 이렇게 하시면 될겁니다.
</script>
<script>
$('#licence').on('change', function() {
$('#result').text("상품 : " + $("option:selected", this).text() + "/ 가격 : " + $("option:selected", this).val());
});
</script>
이렇게 하시면 될거 같습니다.
<select id="wr_1" name="wr_1" class="caaok-select">
<option value="">-선택-</option>
<option value="150,000원">바리스타 1급</option>
<option value="100,000원">바리스타 2급</option>
<option value="200,000원">커피로스팅</option>
<option value="150,000원">라떼아트 전문가</option>
<option value="200,000원">핸드드립 전문가</option>
<option value="200,000원">향미분석 전문가</option>
<option value="150,000원">에스프레소 감정평가</option>
<option value="150,000원">커피머신정비 전문가</option>
</select>
<span id="result" class="text-danger"></span>
=> 글쓰기에서 이걸 쓰는거라면 추가필드로 하셔야 됩니다.
=> select 박스를 wr_1 로 하시고
=> 뷰페이지에서 <?php echo $view['wr_1']; ?> 이렇게 하시면 나올겁니다.