테스트 사이트 - 개발 중인 베타 버전입니다

select 질문드립니다. 채택완료

그누배우자 5년 전 조회 2,120

안녕하세요

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개

채택된 답변
+20 포인트

이렇게 하시면 됩니다.

</p>

<p> $('#wr_1').change(function(e) {

     $('#wr_2 option').prop('disabled', false);

     $('#wr_2 option[value="'+$(this).val()+'"]').prop('disabled', 'disabled');

 });</p>

<p> </p>

<p>// disabled 가 아니고 안보이게 하려면...</p>

<p> $('#wr_1').change(function(e) {

     $('#wr_2 option').show();

     $('#wr_2 option[value="'+$(this).val()+'"]').hide();

 });</p>

<p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

그누배우자
5년 전
감사합니다^^
크롬에서는 작동하는데
익스플로러에선 반응이 없네여

댓글을 작성하려면 로그인이 필요합니다.

jquery 인데 질문하신분이 초보자 인거 같아서요.

저걸 이해하기는 너무 어려워보여서 말 드렸는데 제가 너무 직설적으로 적은듯합니다.

초보자이시면 저걸 이해하기 힘드실거 같아서요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

가능한데 위에분 소스를 너무 생략하셨네요.

jquery나 이런거로 하면 되는데..

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

동하아빠
5년 전
음.. jquery 로 한거고, 생략한게 아니고 동작하는 코드입니다만..;;;

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인