如何在脚本加载时在jquery中选中框时更改背景

<select id="mySelect">
  <option value="red">Red</option>
  <option value="green">Green</option>
  <option value="blue">Blue</option>
</select>

$(document).ready(function() {
  // 设置默认背景色
  $("body").css("background-color", "red");

  // 监听选中框的change事件
  $("#mySelect").change(function() {
    // 获取选中的选项的值
    var selectedColor = $(this).val();

    // 根据选中的值更改背景色
    if (selectedColor === "red") {
      $("body").css("background-color", "red");
    } else if (selectedColor === "green") {
      $("body").css("background-color", "green");
    } else if (selectedColor === "blue") {
      $("body").css("background-color", "blue");
    }
  });
});