@reginaldo-marinho/rucula-js/src/elements/form/Field/FieldSelect.ts

Crie telas em Minutos! 🚀

import { FieldInput } from "./FieldInput";
import { FileEventSelect } from "./event/FileEventSelect";

export class FieldSelect extends FieldInput{
    
    create() {

        const select = document.createElement('select');
        
        this.input = select;

        this.setWidth()

        if(this.floatLabel == true){
            this.input.classList.add('did-floating-select')
        }
        
        this.field.combo?.forEach(item => {
            
            const option = document.createElement('option')
            option.text = item["representation"]
            option.value = item["value"]
            select.appendChild(option)
            
        })
        
        if(String(this.field.value) != ''){
            this.input.value = String(this.field.value)
        }
        if(String(this.field.value) === ''){
            this.input.querySelector('select')
            ?.setAttribute('selected','');
        }
        this.setEvents();
        
        return select
    }

    protected setEvents(): void {
        new FileEventSelect(this.managmentObject, this.input, this.field, this.ruculaForm)
    }
}