다중셀렉트 항목의 수정?
본문
질문게시판을 운영 중에 있습니다.
질문을 등록할 때
대분류, 중분류를 선택하고 질문을 등록할 수 있게끔 하려고
이곳에서 여러분들의 도움으로 다중셀렉트 방식으로 적용했습니다.
글쓰기까지는 크게 상관없는데.. 문제는 글쓰기 수정에서 문제가 발생합니다.
보통 수정에서는 글쓰기때 선택했던 셀랙션 값이 기본적으로 선택되어 있는데..
아래의 소스에는 selected 값을 어디에 넣어야 할 지 모르겠습니다.
어떻게 수정을 해야할까요?
<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");
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;
target.options.length = 0;
for (x in d) {
var opt = document.createElement("option");
opt.value = d[x];
opt.innerHTML = d[x];
target.appendChild(opt);
}
}
</script>
<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>
답변 1
<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>
<script>
categoryChange(e);
$("#good").val("<? echo $wr_1?>").prop("selected", true);
</script>
<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>
답변 감사드립니다.
그런데 알려주신 코딩으로 적용해봤는데.. 아무런 변화가 없습니다.ㅜ.ㅜ
어디가 문제일까요?
감사합니다. 엑스앰엘 님..
작성해주신 소스로 적용해봤는데.. 에러?가 나네요...ㅜ.ㅜ
echo $ca_name 와 $wr_1 로 값을 잘 받아오는지 확인해야 합니다.
$ca_name 와 $wr_1 값은 잘 받아오고 있습니다만.... 안되네요...ㅜ.ㅜ
어쨌든 답변 감사드립니다.
답변을 작성하시기 전에 로그인 해주세요.
