jQuery - 如何在组合框上实现 live()？

Question

我有组合框（事实上，其中有几个），其中包含动态添加的元素。

使用 jQuery，我不知道如何实现返回我在组合中选择的项目 id 的函数...

我知道它必须是使用 .live() 的东西，比如

$(".foo").live("change", function() {
do something;
});

...但我不知道这里如何实现。

tnx 在广告中！

Answer 1

您在寻找这样的东西吗？

$(".foo").live("change", function() {
  $(this).val(); // value of the changed item
});

Answer 2

$(".foo").live("change", function() {
   alert($(this).attr("id")); // Id of the element
});

Answer 3

在 select 元素的子元素（也称为选项）上使用 :selected 选择器

$(".foo").live("change").function(){ 
    var val = $(".foo").find(":selected").val();
    // pass val to some other method for work
});

http ://api.jquery.com/selected-selector/

Answer 4

您可以使用 $(this).val() 查找触发事件的元素的值。

看来其他人已经打败了我。我的和@John 和@Daniel 一样。

这是一个用于测试它的 jsfiddle jsfiddle。

需要注意的一点是，live 并不支持所有浏览器（例如 IE 6 到 8）中的更改方法。

解决这个问题的一种方法是使用委托方法，我已经在此处演示了该方法，

它看起来会有些东西喜欢：

$(parentElement).delegate(selector, 'change', function() {
    //do something interesting here
    //$(this).val() still works.
});