<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개
jquery이용하시면 되실거에요
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>
이거 제가 얼마전에 만든 소스 수정해서 바꿔 봤습니다.
테스트는 안해 봐서 잘 될지는 모르겠네요.
이것보다 더 좋은 방법 있으시면 그방법을 쓰시길 바랍니다.
안되시면 다시 글 남겨 주세요.
답변을 작성하려면 로그인이 필요합니다.