动态更改下拉多选(selectList wirdget)中的选项

Question

我正在拼命地尝试着完成这项工作：

我有两个下拉列表，第二个是根据第一个下拉列表中选择的城市显示地区。我在第二个下拉菜单中使用了selectList-widget (http://odyniec.net/projects/selectlist/)。只要我用静态定义了可能的选项，它就工作得很好。现在使用了onchange函数并从数据库加载disticts。它使用的是标准的多选项，而不是jQuery-widget。这个问题并不令人耳目一新。我怎么才能解决这个问题。

html代码：

<select id="stadtteile" multiple="multiple" name="languages[]"
                title="Stadtteil(e)?">

'<option value="6001">Altstadt</option>';
'<option value="6002">Bahnhofsviertel</option>';

jQuery('select#stadtteile').selectList({ sort: true });

在更改时，执行以下操作：

jQuery('select#stadtteile').load("getdistricts.php?choice="+obj.value).val().appendTo(jQuery('#stadtteile'));

你知道怎么刷新jQuery吗？

我还收到了这个错误消息:未捕获TypeError:无法调用null的方法'appendTo‘

Answer 1

一个不需要php或插件的简单解决方案是将地区保存在文本文件中，每个城市一个(格式为<option value = 'abc'>District_Name_1</option><option value = "bcd">District_Name_2</option>，然后运行如下所示：

  $("#selector_2").load("[...]/txt/' + $(this).val() + '.txt");

/txt的路径必须在同一个域中，您可能想要在load函数中添加一个基本的cachebust，以确保您始终获得所请求的txt文件的最新版本。