Подтвердить что ты не робот

JQuery - Отключить поля формы

У меня есть 2 поля: 1 вход, 1 поле выбора.

Возможно ли, чтобы браузер отключил одно из полей, когда пользователь использует другой?

Например, если пользователь вводит данные во вход, окно выбора отключается. Если пользователь выбирает данные из выпадающего меню, вход отключается.

Любая помощь с этим будет очень оценена.

Приветствия заранее.

4b9b3361

ОТВЕТЫ

Ответ 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>

Вам также необходимо добавить атрибут value к первому параметру в элементе select:

<option value=""></option>

Ответ 2

Документы jQuery говорят, что использовать prop() для таких вещей, как disabled, checked и т.д. Также более кратким способом является использование механизма их выбора. Таким образом, чтобы отключить все элементы формы в div или форме родителя.

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

И чтобы снова включить, вы могли бы сделать

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

Ответ 3

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

Ответ 4

попробуйте это

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

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

наоборот для выбора.