select 박스 onchange 에 대해서 ㅠㅠ 도움부탁드려요.. 채택완료
</p><p><div class="select-box8"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><select name="" id=""></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="">첫번째</option></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="1">옵션1</option></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="2">옵션2</option></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="3">옵션3</option></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="4">옵션4</option></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="5">옵션5</option></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></select></p><p></div></p><p><div class="select-box9"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><select name="" id=""></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="">두번째</option></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></select></p><p></div></p><p><script type="text/javascript"></p><p>$(function(){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$(".select-box8").select_box({</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>onchange:function(wrapper, select_tag, ul){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$(".select-box9 select").empty();</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$(".select-box9 select").append("<option value=''>변경완료</option><option value='1'>테스트완료1</option><option value='2'>테스트완료2</option><option value='3'>테스트완료3</option><option value='4'>테스트완료4</option><option value='5'>테스트완료5</option><option value='6'>테스트완료6</option>");</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$(".select-box9").select_box();</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>});</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$(".select-box9").select_box();</p><p>});</p><p></script></p><p>
http://feelz.net/sample/selectbox/">http://feelz.net/sample/selectbox/
여기참고해서 셀렉트박스를 만들고있는데요..
1. 이런식으로 구성을 했는데 select-box8안의 값중 옵션 1일때랑 옵션 2일때랑 select-box9가 모두 똑같이 나오더라구요..
select-box8안에 값에 따라 select-box9에 선택할수있는 값을 바꾸고싶은데 어떤식으로해야할지.. 도움부탁드립니다..ㅠㅠ
2. 변경된 select-box9값을 mb 여분필드에 넣고 싶은데 어떻게해야할까요..?
$(".select-box9 select").append("");
이런식으로 넣어봤는데 안되네요.. 도와주세요..ㅠ
답변 1개
</span> </p><p>onchange:function(wrapper, select_tag, ul){</p><p> var add_option='';</p><p> if(select_tag.val()=="1")</p><p> {</p><p> add_option="추가하실 옵션 정보";</p><p> }</p><p style="font-size: 14.6667px;"> else if(select_tag.val()=="2")</p><p style="font-size: 14.6667px;"> {</p><p style="font-size: 14.6667px;"> add_option="추가하실 옵션 정보";</p><p style="font-size: 14.6667px;"> }</p><p style="font-size: 14.6667px;"> else if(select_tag.val()=="3")</p><p style="font-size: 14.6667px;"> {</p><p style="font-size: 14.6667px;"> add_option="추가하실 옵션 정보";</p><p style="font-size: 14.6667px;"> }</p><p style="font-size: 14.6667px;"> ............</p><p><span style="font-size: 14.6667px; line-height: 22px;"> </span><span style="font-size: 11pt; line-height: 1.5;">$(".select-box9 select").empty();</span> </p><p> $(".select-box9 select").append(add_option);</p><p> $(".select-box9").select_box();</p><p>}</p><p>
이런식으로 onchange 부분 변경시켜주시고 값에 따라 맞는
select-box9값을 mb 여분필드에 넣고 싶으시다면 post 로 넘겨서 처리하는 페이지에서 해당값을
db에 넣으면 되지 않나요?
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인