一个下拉列表的jQuery onchange显示另一个下拉列表答案

【问题标题】：jQuery onchange of one drop down displays another drop down一个下拉列表的jQuery onchange显示另一个下拉列表
【发布时间】：2011-08-02 04:38:26
【问题描述】：

我有 2 个下拉菜单。一个隐藏，一个显示在屏幕上。在一个下拉菜单的 onchange 期间，会显示第二个下拉菜单。但我需要进行验证，例如，客户必须从第二个下拉列表中选择一个值，而不是默认值。我使用 jquery 使用它的 id attr 来获取第二个下拉列表。例子：其中addresses是表单id，这个方法会被表单中的所有select元素调用。

jQuery('#addresses select').change(function() { 
    form_validations(jQuery(this));
});

问题在于第二个下拉菜单的变化没有被调用。

我认为这是因为在最初加载页面时，第二个下拉菜单不可用。有人可以帮忙吗？

【问题讨论】：

你能发布页面上使用的标记吗？

标签： jquery animation onchange

【解决方案1】：

这个问题已经回答了，请查看这个答案

How can I populate another dropdown with the onChange event of the first dropdown?

这会对你有所帮助，

谢谢。

【讨论】：

我的问题不在于如何根据第一个下拉列表 onchange 事件填充第二个下拉列表。我的代码工作正常。我需要知道的是，在第二个下拉菜单的 on change 事件期间，我将隐藏/显示错误消息。 jquery 不会发生这种情况。

【解决方案2】：

通常您会使用 .live() 或 .delegate() 方法将事件绑定到未来元素，但可能不支持 change() 事件。

最好的办法是在创建第二个“选择”元素时绑定事件。

更新：您可以使用 .live()/.delegate() 进行更改

试试这个：

$('select').live('change', function() {
   form_validations($(this));
});

【讨论】：