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的路径必须位于同一个域中，您可能希望在加载函数中添加一个基本的cachebust，以确保始终获得所请求的txt文件的最新版本。

更改下拉列表中的选项多选（动态选择列表小部件）

1 个答案: