javascript select option selected change function
본문
위의 사진과 같이 사이즈의 select를 선택하였을 경우 색상의 select가 활성화되게 하고싶습니다.
제가 시도한 방법은 아래와 같습니다. 무엇이 원인인지 알 수 가 없습니다. 도와주세요...^^
$(function(){
$("#it_option_1 option:selected").change(function (){
alert("ddd");
$("#it_option_2").removeAttr("disabled");
});
});
!-->
답변 3
우선 아래 removeAttr 라인을 주석으로 막고 alert이 정상적으로 뜨는지 확인해 보세요.
alert 정상적으로 안뜨네요..ㅠㅠ
조건이 틀린 것 같습니다..ㅠㅠ
$(
"#it_option_1 option:selected"
) 이렇게도 해보고
$(
"#it_option_1 option"
) 이렇게도 해보고
$(
"#it_option_1"
) 이렇게도 해보았는데 안되네요..ㅠㅠ
$(
"#it_option_2"
).removeAttr(
"disabled"
); 이렇게도 해보고
$(
"#it_option_2"
).attr(
"disabled", false
); 이렇게도 해보고
$(
"#it_option_2"
).attr(
"disabled", ""
); 이렇게도 해보고
$(
"#it_option_2"
).attr(
"selected", "selected"
); 이렇게도 해보았는데 다 안되요...
원인을 못 찾았습니다. 일단 조건이 틀린 것 같은데 어떻게 바꿔야할지...
alert 이 뜨지 않습니다...
html 구조는 아래와 같습니다.
<select id="it_option_1" class="it_option">
<option value="">선택</option>
<option value="XXL">XXL</option>
<option value="XL">XL</option>
<option value="L">L</option>
<option value="M">M</option>
<option value="S">S</option>
<option value="XS">XS</option>
</select>
<select id="it_option_2" class="it_option" disabled="disabled">
<option value="">선택</option>
<option value="네이비(기본)">네이비(기본)</option>
<option value="옐로우">옐로우</option>
</select>
답변을 작성하시기 전에 로그인 해주세요.