我想在使用<select onchange>选择一个选项时调用一个javascript类方法。
我尝试在追加select元素时添加该方法，希望它在选择选项时运行该方法。
相反，当我添加新元素时，它只运行一次方法，然后它说
<select onchange="undefined">
当我检查。
$(container).append("<select onchange='"+ this.editField() +"' id='" + this.selectId + "'>
我的index.php

<?php include 'includes/header.php' ?>
<form action="includes/generate_form.php" id="survey_form" class="survey" method="post">
    <h1>Nytt formulär</h1>
    <div id="form_container"></div>
    <div onclick="new CustomField()">+</div>
</form>
<?php include 'includes/footer.php' ?>

我的custom.js文件

class CustomField {
    constructor() {
        this.labelId = crypto.randomUUID();
        this.inputId = crypto.randomUUID();
        this.selectId = crypto.randomUUID();
        var container = document.getElementById("form_container");
        $(container).append("<label contentEditable='true' id='" + this.labelId + "'>Label</label>");
        $(container).append("<input id='" + this.inputId + "'>");
        $(container).append("<select onchange='"+ this.editField() +"' id='" + this.selectId + "'><option value='1'>1</option><option value='2'>2</option><option value='3'>3</option></select>");
    }
    editField() {
        alert("hello")
    }
}