동적 셀렉트박스에 selected 주기
관련링크
본문
DB에서 받아와서 3중 셀렉트박스를 구현하여 사용중입니다.
g5_part에 company,part,team 세 열이 각각 member테이블 여분필드 mb_1,2,3 에 들어가고 있습니다.
문제는 회원정보 수정을 위해서 회원관리 메뉴에 들어갔을때 셀렉트 박스에
현재값(mb_1,2,3)이 각각 들어가지 않아서 매번 클릭 해줘야합니다.
그래서, selected 항목을 넣어서 현재값이 수정 메뉴에서도 선택되어 나오게 하고싶습니다
반복문으로 option값을 넣어주는 부분으로 추정되는곳에 selected를 넣어야 할 것 같은데
어디다가 selected를 넣어야할지 모르겠습니다..
<script type="text/javascript">
for(var m = 0; m < menuArr.length; m ++) {
if ( menuArr[m].substring(0, menuArr[m].indexOf("|1|")) != temp1 ){
mb_1.length = mb_1.length + 1;
mb_1.options[z1+1].value = menuArr[m].substring(0, menuArr[m].indexOf("|1|"));
mb_1.options[z1+1].text = menuArr[m].substring(0, menuArr[m].indexOf("|1|"));
temp1 = menuArr[m].substring(0, menuArr[m].indexOf("|1|"));
z1++;
}
/* index 1에 중복 제거입니다. */
}
</script> option값을 만들어 주는 곳으로 추정되는 부분입니다.
관련 모든 코드는 링크 걸어 두었습니다
한번만 도와주십쇼 ...
답변 2
</script>
->
<?php if ($mb_1) { ?>
$('#mb_1').val('<?php echo $mb_1 ?>');
getCataAllId(1);
$('#mb_2').val('<?php echo $mb_2 ?>');
getCataAllId(2);
$('#mb_3').val('<?php echo $mb_3 ?>');
<?php } ?>
</script>
코드까지 ㅠ 넘 감사합니다!
혹시 셀렉트 박스 전에 넣을까요? 후에 넣을까요?
일단은 여기 저기 넣어보며 활용해 보겠습니다
<script type="text/javascript">
for(var m = 0; m < menuArr.length; m ++) {
if ( menuArr[m].substring(0, menuArr[m].indexOf("|1|")) != temp1 ){
mb_1.length = mb_1.length + 1;
mb_1.options[z1+1].value = menuArr[m].substring(0, menuArr[m].indexOf("|1|"));
mb_1.options[z1+1].text = menuArr[m].substring(0, menuArr[m].indexOf("|1|"));
temp1 = menuArr[m].substring(0, menuArr[m].indexOf("|1|"));
z1++;
}
/* index 1에 중복 제거입니다. */
}
<?php if ($mb_1) { ?>
$('#mb_1').val('<?php echo $mb_1 ?>');
getCataAllId(1);
$('#mb_2').val('<?php echo $mb_2 ?>');
getCataAllId(2);
$('#mb_3').val('<?php echo $mb_3 ?>');
<?php } ?>
</script>
전체코드에서 제일 마지막 부분에 넣는거겠죠..?
제가 올린 코드가 링크에서도 보실 수 있듯이 제일 마지막에 있는 부분이거든요
친절한 답변 감사합니다!!
가장 쉬운 방법은
각 <select에서, 중복이 되더라도
현재 값을 <option selected>로 무조건 추가하는 것입니다.
댓글 감사합니다..!
좋은 방법인거 같습니다.. 허나 그 <option selected> </option> 만들어주는 부분을 잘 모르겠네요..
조금 더 찾아보겠습니다
해당 < select에서 하시면 됩니다
감사합니다 options.value , options.text 로 옵션을 추가하고 있는거 같아서 이쪽 부분에 추가토록 해보겠습니다..