javascript - 无法在 jQuery 中捕获事件

Question

我正在尝试在 jQuery 中捕获事件。下面是我正在使用的片段。

console.log(selectElement);
      selectElement.on('selected', function(event) {
      console.log('Value ' + event.selected + ' selected.');
});

下面是浏览器控制台的输出。

jQuery.fn.init [select.coral-Select-select.coral-Select-select--native, prevObject: jQuery.fn.init(1), context: coral-multifield-item.coral3-Multifield-item, selector: "select[name="./selectlevel"]"]

我能够捕获选择元素，但所选元素的事件处理程序不起作用。如果您需要任何其他信息，请告诉我。

请引用 js fiddle 链接。 HTML 可能不准确，因为这些是珊瑚 ui 库。 https://jsfiddle.net/vivekdhiman23/Le296qw1/2/

Answer 1

您可以在此元素上使用“更改”事件并获取值。示例:

$("select").on("change", function(){
    console.log($(this).val());
});

为此你需要 jQuery。 $ 在纯 javascript 中将是未定义的。 jsfiddle 示例具有相同的控制台错误。在你的代码中，你需要使用这个:

$('coral-multifield[data-granite-coral-multifield-name="./navtwoitems"]').each(function() {
            $(this).find("coral-multifield-item").each(function() {
                    var selectElement = $(this).find('select[name="./selectlevel"]');

                    selectElement.on("change", function() {
                      alert( "Handler for "+ $(this).attr("name") +" called." );
                    });
            });
      });

这样，您将在控制台中看到选择标签的名称。我稍微修改了jsfiddle。你可以在这里查看: https://jsfiddle.net/Le296qw1/8/

我希望这对你有用。