사과 선택 시 활성화

by this_mong

HTML

<script src="https://code.jquery.com/jquery-3.1.1.js"></script>
<div class="selectBox">
	<select name="list">
		<option value="0">없음</option>
		<option value="1">사과</option>
		<option value="2">귤</option>
	</select>
	<div>
	사과 선택시 활성화
	<input type="text" class="inputText" disabled />
	</div>
</div>

JavaScript

$(function() {
  $(document).on("change", "select[name=list]", function() {
    var value = $(this).find("option:selected").val();
    var inputText = $(this).closest('.selectBox').find('.inputText');
    var flag = false;
    if (value == 0 || value == 2) {
      flag = true;
      $(inputText).val('');
    }

    $(inputText).attr("disabled", flag);
  });

})