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

input disabled 질문 드립니다. 채택완료

다나한포션 4년 전 조회 1,494

안녕하세요

wr_1 에선 datepicker 로 날짜를 받고 있습니다.

wr_2 에선 시간을 받고 있는데 (select box)

 

wr_1을 입력안하면 wr_2는 입력을 못하게 하고

wr_1에서 먼저 값을 받아야

wr_2의 select box가 활성화되게 하고 싶습니다.

 

구글링으로

$(document).on('event_name', '#your_id', function() {
    $(this).removeAttr('disabled');
});

이 소스로 해보고 있는데 잘 안되어서요..ㅜ

 

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

답변 2개

채택된 답변
+20 포인트
제임스보드

</strong></p>

<p> <head></p>

<p><script src="<a href="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>" target="_blank" rel="noopener noreferrer">https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script></a>

 </head></p>

<p> </p>

<p><strong> <body>

 <input type="text" name="wr_1" id="wr_1" size="60"/>

  <select name="wr_2" id="wr_2" disabled="true">

    <option value="">선택</option>

    <option value="1">1</option>

    <option value="2">2</option>

</select></strong></p>

<p>

<strong><script type="text/javascript">

    $(function(){   

        $("#wr_1").on('input',function(){

             if($("#wr_1").val()=='')

                 $("#wr_2").attr("disabled",true);

             else

                 $("#wr_2").attr("disabled",false);

        });

    })

</script>

 </body></strong></p>

<p><strong>

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

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

</p>

<p>$(function() {

    $("#wr_1").on("blur", function() {

        if($(this).val()) $("#wr_2").attr("disabled", false);

    });

});</p>

<p>

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

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

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

로그인