php - 动态创建和填充选择

Question

我有 2 个表，省份和地区。我想根据在另一个选择中选择的省份，使用作为地区名称的选项填充选择字段。 Districts 表有一个 ProvinceID 字段来引用它所属的省份。我知道这是可行的，只是我无法弄清楚。我还想在不刷新页面的情况下创建和更新新的区域选择。

更新:我用 PHP 和 MySQL 编写它，尽可能少地使用 jQuery。

Answer 1

为了在没有 AJAX 的情况下完成此操作，请预填充 Javascript 数据集...警告，如果您有大量数据，这可能会很慢，但如果它是可管理的列表长度，您可以节省加载多个 AJAX 请求的一些开销一遍又一遍地使用相同的数据。

var provinces = {};
provinces['province_a_id'] = [
  { name:'District A', id:'district_a_id' },
  { name:'District B', id:'district_b_id' }
];
provinces['province_b_id'] = [
  { name:'District C', id:'district_c_id' },
  { name:'District D', id:'district_d_id' }
];

function getDistricts( referenced_select ) {
  var selected_province = $(referenced_select).val();
  var district_select = $('#districts');
  district_select.empty();
  if ( provinces[selected_province] ) {
    $.each( provinces[selected_province], function(i,v) {
      district_select.append( $('<option value="' + v['id'] + '">').text( v['name'] ) );
    } );
  }
}

$(document).ready( function() {
  $('#provinces').bind( 'change', function() {
    getDistricts(this);
  } );
} );

--HTML

<select id="provinces" name="provinces">
  <option value="province_a_id">Province A</option>
  <option value="province_b_id">Province B</option>
</select>
<select id="districts" name="districts">
</select>