채택완료
javascript select option selected change function
위의 사진과 같이 사이즈의 select를 선택하였을 경우 색상의 select가 활성화되게 하고싶습니다.
제가 시도한 방법은 아래와 같습니다. 무엇이 원인인지 알 수 가 없습니다. 도와주세요...^^
Copy
$(function(){ $("#it_option_1 option:selected").change(function (){ alert("ddd"); $("#it_option_2").removeAttr("disabled"); });});답변 3개 / 댓글 2개
채택된 답변
+20 포인트
2016-04-11 (월) 13:48:52
우선 아래 removeAttr 라인을 주석으로 막고 alert이 정상적으로 뜨는지 확인해 보세요.
오리개발자
2016-04-11 (월) 14:26:58
alert 이 뜨지 않습니다...
html 구조는 아래와 같습니다.
Copy
<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>답변에 대한 댓글 1개
2016-04-11 (월) 14:36:29
오리개발자
2016-04-11 (월) 13:52:55
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"); 이렇게도 해보았는데 다 안되요...
원인을 못 찾았습니다. 일단 조건이 틀린 것 같은데 어떻게 바꿔야할지...
답변에 대한 댓글 1개
2016-04-11 (월) 13:56:04
저 부분 html 구조를 모르니 답을 할 수가 없네요.
alert이 안 뜨는 건가요?
alert이 뜨고 작동을 않는다면 attr() 대신에 prop() 사용해 보세요.
prop("disabled", false);
alert이 안 뜨는 건가요?
alert이 뜨고 작동을 않는다면 attr() 대신에 prop() 사용해 보세요.
prop("disabled", false);
답변을 작성하려면 로그인이 필요합니다.
$(function() {
$("#it_option_1").on("change", function() {
$("#it_option_2").attr("disabled", false);
});
});
[/code]