使用jquery ajax响应使选定的选项不起作用

<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>

<select id="mySelect">
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
</select>

$(document).ready(function() {
  $('#mySelect').change(function() {
    var selectedOption = $(this).val(); // 获取选中的选项的值
    $.ajax({
      url: 'your_server_url', // 替换为实际的服务器端处理URL
      method: 'POST', // 根据需求选择请求方法
      data: { selectedOption: selectedOption }, // 将选中的选项值发送到服务器端
      success: function(response) {
        // 响应成功时的回调函数
        // 在这里禁用选定的选项
        $('#mySelect option[value="' + selectedOption + '"]').prop('disabled', true);
      },
      error: function(xhr, status, error) {
        // 响应失败时的回调函数
        console.log(error); // 可以在控制台输出错误信息
      }
    });
  });
});