다중셀렉트 항목의 수정? 채택완료
지율아빠
4년 전
조회 2,607
질문게시판을 운영 중에 있습니다.
질문을 등록할 때
대분류, 중분류를 선택하고 질문을 등록할 수 있게끔 하려고
이곳에서 여러분들의 도움으로 다중셀렉트 방식으로 적용했습니다.
글쓰기까지는 크게 상관없는데.. 문제는 글쓰기 수정에서 문제가 발생합니다.
보통 수정에서는 글쓰기때 선택했던 셀랙션 값이 기본적으로 선택되어 있는데..
아래의 소스에는 selected 값을 어디에 넣어야 할 지 모르겠습니다.
어떻게 수정을 해야할까요?
</p>
<p><script>
function categoryChange(e) {
var good_a = ["aaa1", "aaa2", "aaa3", "aaa4"];
var good_b = ["bbb1", "bbb2", "bbb3", "bbb4"];
var good_c = ["ccc1", "ccc2", "ccc3", "ccc4"];
var target = document.getElementById("good");</p>
<p> if(e.value == "a") var d = good_a;
else if(e.value == "b") var d = good_b;
else if(e.value == "c") var d = good_c;</p>
<p> target.options.length = 0;</p>
<p> for (x in d) {
var opt = document.createElement("option");
opt.value = d[x];
opt.innerHTML = d[x];
target.appendChild(opt);
}
}
</script></p>
<p> </p>
<p><div class="form-group">
<label class="col-sm-2 control-label hidden-xs" for="ca_name">질의분류<strong class="sound_only">필수</strong></label>
<div class="col-sm-3">
<select name="ca_name" id="ca_name" required class="form-control input-sm" onchange="categoryChange(this)">
<option>::: 대분류 :::</option>
<option value="a">AAA</option>
<option value="b">BBB</option>
<option value="c">CCC</option>
</select>
</div>
<div class="col-sm-3">
<select name="wr_1" id="good" class="form-control input-sm" required >
<option>::: 중분류 :::</option>
</select>
</div>
</div></p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
4년 전
</p>
<p><div class="form-group">
<label class="col-sm-2 control-label hidden-xs" for="ca_name">질의분류<strong class="sound_only">필수</strong></label>
<div class="col-sm-3">
<select name="ca_name" id="ca_name" required class="form-control input-sm" onchange="categoryChange(this)">
<option>::: 대분류 :::</option>
<option value="a"<? if($ca_name == 'a') echo ' selected'; ?>>AAA</option>
<option value="b"<? if($ca_name == 'b') echo ' selected'; ?>>BBB</option>
<option value="c"<? if($ca_name == 'c') echo ' selected'; ?>>CCC</option>
</select>
</div>
<div class="col-sm-3">
<select name="wr_1" id="good" class="form-control input-sm" required >
<option>::: 중분류 :::</option>
</select>
</div>
</div></p>
<p><script>
categoryChange(e);
$("#good").val("<? echo $wr_1?>").prop("selected", true);
</script></p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 5개
�
엑스엠엘
4년 전
�
지율아빠
4년 전
답변 감사드립니다.
그런데 알려주신 코딩으로 적용해봤는데.. 아무런 변화가 없습니다.ㅜ.ㅜ
어디가 문제일까요?
그런데 알려주신 코딩으로 적용해봤는데.. 아무런 변화가 없습니다.ㅜ.ㅜ
어디가 문제일까요?
�
지율아빠
4년 전
감사합니다. 엑스앰엘 님..
작성해주신 소스로 적용해봤는데.. 에러?가 나네요...ㅜ.ㅜ
작성해주신 소스로 적용해봤는데.. 에러?가 나네요...ㅜ.ㅜ
e
eyekiss
4년 전
echo $ca_name 와 $wr_1 로 값을 잘 받아오는지 확인해야 합니다.
�
지율아빠
4년 전
$ca_name 와 $wr_1 값은 잘 받아오고 있습니다만.... 안되네요...ㅜ.ㅜ
어쨌든 답변 감사드립니다.
어쨌든 답변 감사드립니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
<select name="wr_1" id="good" class="form-control input-sm" required >
<option>::: 중분류 :::</option>
<option value="<?=$write['wr_1']?>" <?php echo $write['wr_1'] 'selected':''; ?>><?=$write['wr_1']?></option>
</select>
[/code]