如何根据bootstrap/crispy中的另一个选择字段值禁用输入字段？

<select id="selectField">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
</select>

<input type="text" id="inputField" placeholder="Input Field">

$(document).ready(function() {
  // 监听选择字段的变化
  $('#selectField').change(function() {
    var selectedValue = $(this).val(); // 获取选择的值

    // 根据选择的值来禁用或启用输入字段
    if (selectedValue === 'option1') {
      $('#inputField').prop('disabled', true); // 禁用输入字段
    } else {
      $('#inputField').prop('disabled', false); // 启用输入字段
    }
  });
});