更改选择选项更改内容 - Javascript

如何解决更改选择选项更改内容 - Javascript

我有一个类，用于根据从 Select 中选择的值来选择一个表单。我有一个问题，当我选择一个选项时，我会看到所需的表格，但是当我选择另一个选项时，我已经有两个表格，当我选择第三个选项时，我将所有三个表格放在一起。我需要的是，在更改选项时，表单也会更改。

这是我的类选择代码：

export default class FormSelect {
    constructor() {
        this.self = document.createElement('div');
        this.select = new SelectDoctor(["Cardiologist","Dentist","Therapist"],"doctor","Choose doctor:").create();
    }

    render(modal) {
        this.self.append(this.select);
        modal.append(this.self);
        this.select.addEventListener("change",() => {
           const value = this.select.value;
            this.chooseDoctor(value);
        });
    }

    chooseDoctor(value) {
        const modal = document.querySelector('.modal-2')
        const cardio = new FormCardiologist();
        const dentist = new FormDentist();
        const therapist = new FormTherapist();

        if (value === "Cardiologist") {
           cardio.render(modal);
          
        } else if (value === "Dentist") {
            dentist.render(modal);
        } else if (value === "Therapist") {
            therapist.render(modal);
        }
    }
}

这是主Form类的方法：

render(modal) {
        this.self.append(this.fullName,this.purpose,this.desc,this.priority,this.status,this.submit);
        modal.append(this.self);
    }

解决方法

我通过为表单创建带有类的单独 div 元素来实现它，然后在每次更改时清除 innerHTML = ""。

ANDROID_HOME not specified. Either set it as a gradle property,a system environment variable or directly in your build.gradle by setting the extension jfxmobile.android.androidSdk.