다중셀렉터에서 변수 2개로 값을 입력받기
본문
wr_1 변수로 채소&과일을 선택하면
선택된 값에 따라
wr_2에서 2단 셀렉터로 "빨간 사과"를 선택하면
wr_2="사과"가 들어가는 소스입니다
추가적으로
wr_2값을 선택될떄 wr_3="빨간 사과"를 같이 넣고 싶은데요
wr_3값을 어떻게 받아야 할지 모르겠네요
<div class="autosave_wrapper write_div"><i class="fa fa-spinner"></i>
<select id="wr_1" name="wr_1" required class="frm_input required" onChange="wr_1_change(this.value);">
<option value="선택">선택하기</option>
<option value="채소"<? if($wr_1=="채소") echo" selected"; ?>>채소</option>
<option value="과일"<? if($wr_1=="과일") echo" selected"; ?>>과일</option>
</select>
<select id="wr_2" name="wr_2" required class="frm_input required">
<option value="수박"<?if($wr_2=="수박")echo"selected";?>>크고 둥근 수박</option>
<option value="토마토"<?if($wr_2=="토마토")echo"selected";?>>빨간 토마토</option>
<option value="사과"<?if($wr_2=="사과")echo"selected";?>>빨간 사과</option>
<option value="감"<?if($wr_2=="감")echo"selected";?>>노란 감</option>
</select>
<script>
function wr_1_change(wr_1) {
var wr_2_Q = "";
if(wr_1 == "채소"){
wr_2_Q += "<option value='수박'<?php if($wr_2=='수박') echo 'selected'; ?>>크고 둥근 수박</option>";
wr_2_Q += "<option value='토마토'<?php if($wr_2=='토마토') echo 'selected'; ?>>발간 토마토</option>";
} else if(wr_1 == "과일"){
wr_2_Q += "<option value='사과'<?php if($wr_2=='사과') echo 'selected'; ?>>빨간 사과</option>";
wr_2_Q += "<option value='감'<?php if($wr_2=='감') echo 'selected'; ?>>노란 감</option>";
}
$('#wr_2').html(wr_2_Q);
}
</script>
</div>
답변 2
스크립트를 배열에 넣어서 활용해보세요 백엔드랑 뒤죽박숙 섞이면 유지보수 힘들어요
해당 부분은 배열값을 가지고 순차적으로 데이터를 가져오도록 처리하셔야 할듯 합니다.
https://sir.kr/qa/267567 참고로 이건 jquery를 활용한거니 참고해 보세요
답변을 작성하시기 전에 로그인 해주세요.
