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