채택완료

2중 셀렉트 질문드립니다.

2014-11-27 (목) 15:47:21 5,649

<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 포인트
2014-11-28 (금) 11:34:13

jquery이용하시면 되실거에요

Copy
select name="product" id="product" class="cis"><option value="">선택하세요</option><option value="0001">가</option><option value="0002">나</option><option value="0003">다</option></select> <select name="model" id="model" class="cis"><option value="">선택하세요</option></select><script type="text/javascript" language="javascript">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<num_l;i++){model_id.option[i+1].value=num[i];model_id.option[i+1].text=num[i];}}</script>

이거 제가 얼마전에 만든 소스 수정해서 바꿔 봤습니다.

테스트는 안해 봐서 잘 될지는 모르겠네요.

이것보다 더 좋은 방법 있으시면 그방법을 쓰시길 바랍니다.

안되시면 다시 글 남겨 주세요.

답변을 작성하려면 로그인이 필요합니다.