根据选择选项值禁用文本输入

时间:2018-02-10 14:55:52

标签: jquery disabled-input

在下面的代码中,如果选择选项值为0,我想要禁用文本输入。出了什么问题?

$('select').change(function() {
  if ($(this).val() == 0)) (".xyz").attr('disabled',true);
}).change();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="type">
<option value="0"></option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<br />
<input type="text" class="xyz" name="xyz" />

1 个答案:

答案 0 :(得分:1)

您的代码中存在语法错误:

  

未捕捉SyntaxError:意外的令牌)

您使用$拼错了)(jQuery选择器)。

此外,您尚未管理“类型”select具有非0值的情况。

$("select").change(function() {
  if ($(this).val() == 0) {
    $(".xyz").attr("disabled", "disabled");
  } else {
    $(".xyz").removeAttr("disabled");
  }
}).trigger("change");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="type">
  <option value="0"></option>
  <option value="1">1</option>
  <option value="2">2</option>
</select>
<br />
<input type="text" class="xyz" name="xyz" />