(재재질문) 수정시 셀렉트가 초기화 됩니다.
본문
여러 커뮤니티에 질문을 남겨보기도 하고, 검색도해보고, ...답이 없네요. ㅜㅜ
그래소 이 곳에 또 질문을 올립니다.
아래 내용은 다른 테이블 불러와서 DB 연동한 다중 셀렉터 입니다.
다른게시판의 테이블값을 가져와서 다중셀렉트로 구성하는 겁니다.
$menu1 의 셀렉트 값이 있으면 $menu2 의 셀렉트가 열리고,...최종 $menu4 까지 열리는데
$menu1 의 값에 따라 나머지도 바뀌죠.
입력하고 저장하면, DB에 저장은 잘 되는데, 수정 하려면 초기화 됩니다.
고수님들.. 도와 주세요.............
<?php
$wr_1 = $menu1; $wr_2 = $menu2; $wr_subject = $menu3; $wr_4 = $menu4;
for ($i=0; $row = sql_fetch_array($result); $i++) {
$nm[$i] = $row['wr_1'].'|1|'.$row['wr_2'].'|2|'.$row['wr_subject'].'|3|'.$row['wr_4'].'|4|';
?>
<script type="text/javascript">
function getCataAllId(cmd){
cmd = eval(cmd);
cmd2 = cmd +1;
initCataID(cmd);
var ch = "";
for(var idx = 1; idx < cmd2; idx++){
ch = ch + eval("document.fwrite.menu"+idx+".value") + "|"+idx+"|";
}
var v = 0;
var temp = "";
var tempv = "";
var arg = "";
for(var m = 0; m < menuArr.length; m ++) {
arg = menuArr[m].substring(menuArr[m].indexOf("|"+cmd+"|")+3,menuArr[m].indexOf("|"+cmd2+"|")) ;
temp = menuArr[m].substring(0, menuArr[m].indexOf("|"+cmd+"|")+3);
if(temp == ch && tempv != arg ){
v++;
eval("document.fwrite.menu"+cmd2+".length = document.fwrite.menu"+cmd2+".length + 1");
eval("document.fwrite.menu"+cmd2+".options["+v+"].value = arg ");
eval("document.fwrite.menu"+cmd2+".options["+v+"].text = arg ");
}
if(temp != ch){
tempv = "";
}else{
tempv = menuArr[m].substring(menuArr[m].indexOf("|"+cmd+"|")+3,menuArr[m].indexOf("|"+cmd2+"|"));
}
}
}
function initCataID(cmd){
cmd = eval(cmd);
if(cmd == 1){
document.fwrite.menu2.length = 1;
document.fwrite.menu3.length = 1;
document.fwrite.menu4.length = 1;
document.fwrite.menu2.selectedIndex = 0;
document.fwrite.menu3.selectedIndex = 0;
document.fwrite.menu4.selectedIndex = 0;
}
if(cmd == 2){
document.fwrite.menu3.length = 1;
document.fwrite.menu4.length = 1;
document.fwrite.menu3.selectedIndex = 0;
document.fwrite.menu4.selectedIndex = 0;
}
if(cmd == 3){
document.fwrite.menu4.length = 1;
document.fwrite.menu4.selectedIndex = 0;
}
}
</script>
<form name="fwrite" id="fwrite" action="<?php echo $action_url ?>" onsubmit="return fwrite_submit(this);" method="post" enctype="multipart/form-data" autocomplete="off" role="form" class="form">
<input type="hidden" name="uid" value="<?php echo get_uniqid(); ?>">
.
.
.
.
.
<?php
$write['wr_1'] = $menu1;
$write['wr_2'] = $menu2;
$write['wr_subject'] = $menu3;
$write['wr_4'] = $menu4;
?>
<select name='wr_1' id='menu1' OnChange='javascript:getCataAllId(1)' required class="form-select">
<option value='<?=$write['wr_1']?>' <?php if($write['wr_1'] == '' )? 'selected':'';?>> 선택하세요 </option>
</select>
.
.
.
.
.
<div class="write-btn">
<button type="submit" id="btn_submit" accesskey="s" class="btn btn-send btn-lg"><b><?php echo $w == '' ? '결재하기':'수정하기' ?></b></button>
<?php if($is_admin) { ?>
<a href="./board.php?bo_table=<?php echo $bo_table ?>" class="btn btn-<?php echo $btn1;?> btn-send btn-lg" role="button">목록으로</a>
<?php } ?>
</div>
<div class="clearfix"></div>
</form>
<script type="text/javascript">
/* JSON encode, parse */
var stuff = <?php echo json_encode($nm); ?>;
var str = JSON.stringify(stuff);
var menuArr = new Array();
menuArr= JSON.parse(str);
var z1 = 0;
var temp1 = 0;
initCataID(1);
for(var m = 0; m < menuArr.length; m ++) {
if ( menuArr[m].substring(0, menuArr[m].indexOf("|1|")) != temp1 ){
document.fwrite.menu1.length = document.fwrite.menu1.length + 1;
document.fwrite.menu1.options[z1+1].value = menuArr[m].substring(0, menuArr[m].indexOf("|1|")) ;
document.fwrite.menu1.options[z1+1].text = menuArr[m].substring(0, menuArr[m].indexOf("|1|")) ;
temp1 = menuArr[m].substring(0, menuArr[m].indexOf("|1|"));
z1++;
}
/* index 1에 중복 제거입니다. */
}
function gotomenu()
{
location.href = '#';
}
</script>
답변 1
자바스크립트 부분에 아래 코드 한번 추가해보세요
$(document).ready(function() {
$("#menu1> option[value=<?= $write['wr_1'] ?>]").attr("selected", true);
})
답변을 작성하시기 전에 로그인 해주세요.