채택완료

input disabled 질문 드립니다.

2021-10-11 (월) 21:46:58 1,627

안녕하세요

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 포인트
2021-10-12 (화) 09:22:24

Copy
<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
 </head>

 

 <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>


<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>
2021-10-12 (화) 10:23:35
Copy
$(function() {
    $("#wr_1").on("blur", function() {
        if($(this).val()) $("#wr_2").attr("disabled", false);
    });
});

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