javascript - Onchange 不执行任何操作

Question

这个问题已经有答案了:

Event binding on dynamically created elements? (23 个回答)

已关闭 5 年前。

我有一个选择，我们称其为A。当我使用ajax从A中选择一个选项时，我将另一个带有选项的选择加载到div中。我们将这第二个选择称为 B。

我在 B 上有一些 ajax onchange 代码，但它什么也没做，也没有给出错误。

我认为，“站点没有看到 B 选择”，因为它不在源代码中，ajax 将其加载到 div 中。

解决这个问题的方法是什么？

$('#fizetes_select').on('change', function() {
    var SelectedValue = this.value;
    if(SelectedValue != 0 )
    {
        $.ajax({
             type: 'POST',
             url: 'files/get_fizetes_text.php',
             data: { id: SelectedValue },
             dataType: "html",
             cache: false,
             beforeSend: function(){
                $('#preloader_fizetes').show();
             },
             success: function(data)
             {
                 var result = $.trim(data);
                 $('#fizetes_result').html(result);
             },
             complete: function(){
                $('#preloader_fizetes').hide();
             }
        });
    }
    return false;
});

这是 B 选择的 onchange 代码，我只想用它显示一些文本。 ID是正确的，我没有写错，我检查过。文档已准备就绪。

Answer 1

您确定 #fizetes_select 在此 .on() 声明之后不会进入 DOM 吗？

尝试使用 document 事件与目标元素绑定(bind)。

$(document).on('change', '#fizetes_select', function(e) { 
  // do your thing here
});