Question

我有以下代码：

id  Service_id  bawe_id items
1   2           2       2
2   3           3       3
3   2           3       2

它在jsfiddle中完美运行，但是当我将代码发布到网站时，它不起作用。

它会填充下拉框，但它不会自动选择第二个框中的第一个选项，并且它不会删除所选的任何先前选项。

例如，如果我在第一个框中选择一个选项，则第二个框保持为空，直到我选择了某个内容。第一个选项应该是自动选择的。此外，如果我在第二个框中选择了某个内容，然后在第一个框中更改了选择，则第二个框选项会保留在那里，而不是重置。

这是完全相同的代码，完全没有变化。 CSS有可能干扰它吗？

非常感谢任何帮助。

更新

感谢DanielH！事实证明该模板使用的是Select2 jquery插件。他的代码完美无缺。

Answer 1

解决方案1：

由于您使用的是select2，因此在控制台下拉列表的末尾添加$('#model').change();，每次更新模型时，select2配置都会触发更新下拉列表。

解决方案2：

如果你无法控制select2或者不确定在哪里找到它，下面也会有效，将onchange事件添加到父下拉控制台：

$( document ).ready(function() {
   $('#console').on('change', function(){
      $('#model').val('selectmodel');
      $('#model').change();
   })
});

如何重置jquery（select2）中的下拉框？

更新

1 个答案:

解决方案1：

解决方案2：