使用jQuery更改下拉列表值不能仅使用一个值

我有一个包含许多下拉框和一些jQuery的页面，这些jQuery将根据前面下拉框的选择更改正在进行的下拉菜单的值

我的代码如下：

function changeDropDown(select, options) {
            var dropdown = $("select#" + select + "");
            dropdown.empty();    
            dropdown.load("changeDropdown.php?dd=" + select + "&id=" + $('#' + options + '').val());
            }

那么我就这么说：

$('#pdi-Process').change(function() {
            changeDropDown('pdi-Condition','pdi-Process');
            });

这将根据在前面的下拉菜单中选择的选项值更改指定下拉列表中的选项

我的问题是，有一系列的下拉菜单，只有当有人更改下拉菜单的值时，这段代码才会起作用。有时，用户想要的选项是第一个出现的选项，或者可能是唯一可用的选项。在这样的情况下，用户无法更改选项，代码将无法工作

---

根据我多年的web开发经验，我得出结论，这个问题可能是由于更改造成的。但是，我可以使用什么来提供相同的功能，同时在无法更改选项时允许它工作？有没有一种优雅的方法可以做到这一点，或者我只需在每个列表中添加一个空白选项，这样用户就可以随时更改值？

只要在加载回调上触发一个更改即可。加载回调：

dropdown.load("changeDropdown.php?dd=" + select + "&id=" + $('#' + options + '').val(), function(){
    dropdown.trigger('change');
});

---

谢谢你的回答，这确实符合我的要求，但有一个小问题。当用户从第一个下拉框中选择一个选项时，它将自动为每个正在进行的下拉框选择默认选项，然后在最后一个下拉框中触发表单提交事件。这显然是不可取的行为。谢谢你花时间帮助我。它不会立即触发所有触发器，只会自动选择下一个下拉菜单，这并不理想，但比一次触发所有触发器要好。然而，它仍然不能解决我最初的问题。如果没有多个选项可供选择，我无法更改下拉菜单，因此.change触发器不会触发。好的，我想我终于明白了。在这里，请尝试此解决方案：。哦，等等，当您说无法更改选项时，是因为您有1个选项还是选择被禁用？是因为我只有1个选项