如何使用jQuery禁用表单下拉菜单？

Question

我做了一个下拉菜单，我从数据库中检索其内容：

image 2

image 1

[选择Received时如何创建启用收件人姓名字段并且禁用收件人表单的条件？

var $inputs = $('#kliks');

$('select').change(function() {
  $inputs.prop('disabled', $(this).val() === 'Received');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-group col-md-10">
  <label>Ubah status</label>
  <select class="form-control col-lg-10" name="id_status">
    <option value="0">Pilih</option>
    <option value="Foo">Foo</option>
    <option value="Bar">Bar</option>
    <option value="Received">Received</option>
  </select>
</div>
<div class="form-group col-md-10">
  <input type="text" class="form-control kliks" id="kliks" name="" placeholder="nama penerima">
</div>

这不起作用。

Answer 1

带事件禁用下拉菜单