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"); 이렇게도 해보았는데 다 안되요...
원인을 못 찾았습니다. 일단 조건이 틀린 것 같은데 어떻게 바꿔야할지...
저 부분 html 구조를 모르니 답을 할 수가 없네요.
alert이 안 뜨는 건가요?
alert이 뜨고 작동을 않는다면 attr() 대신에 prop() 사용해 보세요.
prop("disabled", false);
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>
$(function() {
$("#it_option_1").on("change", function() {
$("#it_option_2").attr("disabled", false);
});
});
답변을 작성하시기 전에 로그인 해주세요.
