具有动态选项的JQuery动态选择字段

// HTML代码
<select id="country">
  <option value="">请选择国家</option>
  <option value="china">中国</option>
  <option value="usa">美国</option>
</select>

<select id="city">
  <option value="">请选择城市</option>
</select>

// JavaScript代码
$(document).ready(function() {
  // 监听国家选择框的变化事件
  $('#country').change(function() {
    var country = $(this).val();
    
    // 根据选择的国家加载对应的城市选项
    if (country === 'china') {
      $('#city').html('<option value="">请选择城市</option><option value="beijing">北京</option><option value="shanghai">上海</option>');
    } else if (country === 'usa') {
      $('#city').html('<option value="">请选择城市</option><option value="newyork">纽约</option><option value="losangeles">洛杉矶</option>');
    } else {
      $('#city').html('<option value="">请选择城市</option>');
    }
  });
});