如何使用jquery创建动态选择字段？

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<select id="dynamic-select"></select>

// 获取选择字段容器
var selectField = $('#dynamic-select');

// 创建选项并添加到选择字段中
selectField.append('<option value="option1">Option 1</option>');
selectField.append('<option value="option2">Option 2</option>');
selectField.append('<option value="option3">Option 3</option>');

selectField.change(function() {
  // 获取当前选中的值
  var selectedValue = $(this).val();
  
  // 执行相应的操作
  console.log('Selected value: ' + selectedValue);
});