捕获select中的值，并通过jq在顶层对象中使用它

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

$(document).ready(function() {
  // 监听select元素的change事件
  $('#mySelect').on('change', function() {
    // 获取选中的值
    var selectedValue = $(this).val();
    
    // 在顶层对象中使用这个值
    window.myTopLevelObject = {
      selectedValue: selectedValue
    };
    
    console.log(window.myTopLevelObject); // 输出顶层对象以验证
  });
});

document.addEventListener('DOMContentLoaded', function() {
  var selectElement = document.getElementById('mySelect');
  
  selectElement.addEventListener('change', function() {
    var selectedValue = this.value;
    window.myTopLevelObject = {
      selectedValue: selectedValue
    };
    console.log(window.myTopLevelObject);
  });
});