获得动态元素的.value

Question

我对jQuery和javascript很陌生，所以对我来说很容易。我有一个id =“select-cat”的选择框。这个选择框是动态创建的，所以我继续使用.on事件处理程序，如下所示：

$(document.body).on('change', '#select-cat', function() {

});

当我尝试获取选项值时，我的问题就出现了。以下是我尝试过的一些事情：

var x = this.value; //doesnt work, I'm assuming in this case "this" refers to document.body

---

$('#select-cat').on('change', function() { //"this" works, but event isn't added to dynamically created elements
    var x = this.value;
});

是否有人可以使用一种方法将此事件处理程序保留在动态元素上，同时仍然可以提取它们的值？

Answer 1

使用：jQuery Documentation

查看.on

$(document).on('change', '#select-cat', function() {
    var x = this.value;
});

Answer 2

使用此：

$('body').on('change', '#select-cat', function() {
   var value = $(this).find('option:selected').val();

   // do something with the value..
});

选择框本身没有val，'selected'选项具有值