onchange .. 도와주세요
본문
<ul>
<li>
<select name="wr_1[]" class="sel_main main1" onchange="itemChange()">
<option value="">선택하세요</option>
<option value="A">A</option>
<option value="B">B</option>
</select>
<select name="wr_2[]" class="sel_sub sub2">
<option value="">선택하세요</option>
</select>
</li>
<li>
<select name="wr_1[]" class="sel_main main2" onchange="itemChange()">
<option value="">선택하세요</option>
<option value="A">A</option>
<option value="B">B</option>
</select>
<select name="wr_2[]" class="sel_sub sub2">
<option value="">선택하세요</option>
</select>
</li>
</ul>
<script>
function itemChange(){
var test1 = ["aa","bb","cc"];
var test2 = ["111","222","333"];
var test3 = ["yyy","zzz","kkk"];
var selectItem = $(".sel_main").val();
var changeItem;
if(selectItem == "A"){
changeItem = test1;
}
else if(selectItem == "B"){
changeItem = test2;
}
else if(selectItem == "C"){
changeItem = test3;
}
$('.sel_sub').empty();
for(var count = 0; count < changeItem.length; count++){
var option = $("<option>"+changeItem[count]+"</option>");
$('.sel_sub').append(option);
}
}
</script>
추가 버튼을 눌러 li가 계속 추가되는 건데요... id값으로는 답이 없을거 같아서 class로 변경했습니다.
추가될때마다 클래스뒤에 값을 + 시켜서 추가로 값이 나오게는 했는데
각각 따로 변경할려면 어떻게 해야 할지 잘 모르겠습니다.
고수님들 도와주세요
답변을 작성하시기 전에 로그인 해주세요.
