如何在jquery中使用选择框将页面内容加载到div？

<select id="contentSelect">
  <option value="page1.html">页面1</option>
  <option value="page2.html">页面2</option>
  <option value="page3.html">页面3</option>
</select>
<div id="contentDiv"></div>

$(document).ready(function() {
  // 当选择框的值发生变化时触发事件
  $('#contentSelect').change(function() {
    // 获取选择框当前选中的值
    var selectedPage = $(this).val();
    
    // 使用jQuery的load方法加载选中页面的内容到div中
    $('#contentDiv').load(selectedPage);
  });
});