JQuery从动态生成的下拉列表中获取选定值

Question

我有一个动态生成的下拉列表

以下是生成的Dropdown的代码片段

<select class='selectAggregate'>
  <option>Select</option>
  <option>Min</option>
  <option>All</option>
</select>

如何使用JQuery获取Seleceted选项

编辑我添加了我使用过的jquery代码

 $('.selectAggregate').each(function()
            {
                var $val = $("option:selected",this).text();                    
        }   

selectAggregate 是动态生成的下拉列表的类属性

Answer 1

基于您正在使用"直接"绑定的假设,该绑定仅在您的代码进行事件绑定调用时附加到页面上存在的元素.

当动态生成元素或操作选择器(如删除和添加类)时,您需要使用.on()委托事件方法使用事件委派.

一般语法

$(document).on('event','selector',callback_function)

例

$(document).on('change', ".selectAggregate", function(){
    alert($(this).val())
});

document应该使用最近的静态容器代替你.

委派事件的优点是,它们可以处理来自稍后添加到文档的后代元素的事件.通过选择在附加委托事件处理程序时保证存在的元素,我们可以使用委托事件将click事件绑定到动态创建的元素,并且还避免频繁附加和删除事件处理程序的需要.