안녕하세요
select박스 두개를 사용중인데요
첫번째 wr_1에서 aaa를 선택하면
두번째 wr_2에서는 aaa를 선택못하게 하고 싶습니다.
가능은한것인지요?
가능하다면 자바스크립트로 가능한것인지요.. 검색해봐도 안나와서요..ㅠ
<li>
<select name="wr_1" id="wr_1">
<option value="">선택</option>
<option value="aaa">aaa</option>
<option value="bbb">bbb</option>
<option value="ccc">ccc</option>
</select>
</li>
<li>
<select name="wr_2" id="wr_2">
<option value="">선택</option>
<option value="aaa">aaa</option>
<option value="bbb">bbb</option>
<option value="ccc">ccc</option>
</select>
</li>
답변 3개 / 댓글 2개
이렇게 하시면 됩니다.
$('#wr_1').change(function(e) {
$('#wr_2 option').prop('disabled', false);
$('#wr_2 option[value="'+$(this).val()+'"]').prop('disabled', 'disabled');
});
// disabled 가 아니고 안보이게 하려면...
$('#wr_1').change(function(e) {
$('#wr_2 option').show();
$('#wr_2 option[value="'+$(this).val()+'"]').hide();
});답변에 대한 댓글 1개
jquery 인데 질문하신분이 초보자 인거 같아서요.
저걸 이해하기는 너무 어려워보여서 말 드렸는데 제가 너무 직설적으로 적은듯합니다.
초보자이시면 저걸 이해하기 힘드실거 같아서요.
가능한데 위에분 소스를 너무 생략하셨네요.
jquery나 이런거로 하면 되는데..
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.
크롬에서는 작동하는데
익스플로러에선 반응이 없네여