jQuery-양식 필드 비활성화

jQuery-양식 필드 비활성화

---

2 개의 필드가 있습니다 : 입력 1 개, 선택 상자 1 개.

사용자가 다른 필드를 사용할 때 브라우저가 필드 중 하나를 비활성화하도록 할 수 있습니까?

예를 들어 사용자가 입력에 데이터를 입력하는 경우 선택 상자가 비활성화됩니다. 사용자가 선택 (드롭 다운)에서 데이터를 선택하는 경우 입력이 비활성화됩니다.

이것에 대한 도움을 많이 주시면 감사하겠습니다.

미리 건배.

---

<script type="text/javascript" src="jquery.js"></script>          
<script type="text/javascript">
  $(document).ready(function() {
      $("#suburb").blur(function() {
          if ($(this).val() != '')
              $("#post_code").attr("disabled", "disabled");
          else
              $("#post_code").removeAttr("disabled");
      });

      $("#post_code").blur(function() {
          if ($(this).val() != '')
              $("#suburb").attr("disabled", "disabled");
          else
              $("#suburb").removeAttr("disabled");
      });
  });
</script>

또한 선택 요소 아래의 첫 번째 옵션에 값 속성을 추가해야합니다.

<option value=""></option>

---

jQuery 문서는 비활성화, 확인 등의 작업에 prop ()을 사용한다고 말합니다. 또한 더 간결한 방법은 선택기 엔진을 사용하는 것입니다. 따라서 div 또는 양식 부모의 모든 양식 요소를 비활성화합니다.

$myForm.find(':input:not(:disabled)').prop('disabled',true);

다시 활성화하려면

$myForm.find(':input:disabled').prop('disabled',false);

---

$('input, select').attr('disabled', 'disabled');

---

이 시도

$("#inp").focus(function(){$("#sel").attr('disabled','true');});

$("#inp").blur(function(){$("#sel").removeAttr('disabled');});

선택도 그 반대입니다.

---

다음은 동일한 작업을 수행하는 jquery 플러그인입니다. http://s.technabled.com/jquery-foggle

참조 URL : https://stackoverflow.com/questions/1387341/jquery-disable-form-fields