2중 셀렉트 질문드립니다. 채택완료
<select name="product" id="product" class="cis"><option value="">선택하세요</option>
<option value="0001">가<option value="0002">나<option value="0003">다
<select name="model" id="model" class="cis"><option value="">선택하세요</option>
이렇게 되어있고
첫번째 product 에 가를 선택해을때
a , b , c
나를 선택하면
d , e , f
이렇게 나오게 하려면 어떻게 해야할지요??ㅠㅠ
답변 1개
채택된 답변
+20 포인트
11년 전
jquery이용하시면 되실거에요
Copy
select name="product" id="product" class="cis">선택하세요가나다 선택하세요var model_value=new Array();model_value[가]='a,b,c';model_value[나]='e,f,g';$(function() {$("#product").bind("change", function() {var model=$(this).val();chang_model(model);});});function chang_model(model){var model_id=document.getElementById("model");model_id.options.length = 1;
model_id.options[0].selected = true;
model_id.options[0].text = "선택하세요";
model_id.options[0].selected = true;num=model_value[model].split(",");num_l=num.length;model_id.option.length=num_l+1;for(i=0;i이거 제가 얼마전에 만든 소스 수정해서 바꿔 봤습니다.
테스트는 안해 봐서 잘 될지는 모르겠네요.
이것보다 더 좋은 방법 있으시면 그방법을 쓰시길 바랍니다.
안되시면 다시 글 남겨 주세요.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인