목록으로

다중셀렉트 항목의 수정? 채택완료

지율아빠

프로필 보기 이 회원 글보기 이 회원의 댓글보기

4년 전 조회 2,662

답변 1

질문게시판을 운영 중에 있습니다.

질문을 등록할 때

대분류, 중분류를 선택하고 질문을 등록할 수 있게끔 하려고

이곳에서 여러분들의 도움으로 다중셀렉트 방식으로 적용했습니다.

글쓰기까지는 크게 상관없는데.. 문제는 글쓰기 수정에서 문제가 발생합니다.

보통 수정에서는 글쓰기때 선택했던 셀랙션 값이 기본적으로 선택되어 있는데..

아래의 소스에는 selected 값을 어디에 넣어야 할 지 모르겠습니다.

어떻게 수정을 해야할까요?

Copy

<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개

정렬:

채택된 답변

+20 포인트

eyekiss

프로필 보기 이 회원 글보기 이 회원의 댓글보기

4년 전

Copy

<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>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 5개

엑스엠엘

프로필 보기 이 회원 글보기 이 회원의 댓글보기

4년 전

[code]
<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]