Question

这是问题的小提琴：

当选择更改时，警报为空（无值）。

这是，我想因为我有这条线：

$(document).on('change', '.variant', function()

根据我之前的问题，现在我做不了不同的事情：

Appended select with jQuery, delegate/on event not working

我需要这样做，因为每次按下添加时我都会克隆变量div元素

那么如何在选择中获取当前所选的选项值？

Answer 1

更改

$(document).on('change', '.variant', function(){

到

$(document).on('change', '.quantity', function(){

DIV不会以你的思维方式听取jQuery的'改变'事件;只有SELECT元素（我想其他几个元素）才能做到。这就是你要找的东西吗？

Answer 2

您正在尝试向<div>而不是<select>

添加更改处理程序

修改选择器以定位<select>

$(document).on('change', '.variant select.quantity', function(){
     alert( $(this).val() );
});

的 DEMO

Answer 3

变化是数量。看这里：http://jsfiddle.net/JY3fC/

    $(function(){
        $('.add_variant').on('click', function(){
            var $orig = $('.variants div:first').clone();

            $('.variants').append($orig);
        });
        $(document).on('change', '.quantity', function(){
            alert( $(this).val() );
        });
    });

更改jQuery，绑定到文件但第三个参数中的元素会给出空值吗？

3 个答案: