Tengo un Symfony-Form muy básico donde puedes elegir entre 2 opciones diferentes. Cuando se selecciona la Opción 1, quiero establecer el Color de mi entrada de color en Color X. Cuando elijo la Opción 2, quiero mostrar el Color Y.

Mi problema: no funciona cuando uso ColorInputField de Symfony FormbuilderInterface. Cuando uso el código Html básico (entonces, cuando uso un ColorInputField muy normal), funciona perfectamente. ¿Dónde está mi concepto erróneo? Aquí está mi código:

Mi formulario básico (TWIG)

 {{ form_widget(kategorieForm.revenue) }} <-- ChoiceType::class with the ID="ChoiceField" {{ form_widget(kategorieForm.color) }} <-- ColorType::class with the ID="ColorField"

se representa como

 <select id="ChoiceField" name="kategorie[revenue]" class="form-control"><option value="0" selected="selected">Ausgabe</option><option value="1">Einnahme</option></select> <input type="color" id="ColorField" name="kategorie[color]" class="testcolorpicker form-control" />

Mi ColorInput que funciona perfectamente

 <input type="color" id="ColorFieldWhichWorks" name="workingcolorinput">

mi Javascript

 let ColorFieldWhichWorks = document.getElementById("ColorFieldWhichWorks") let ChoiceField = document.getElementById("ChoiceFiel") let ColorField = document.getElementById("ColorField") ChoiceField.addEventListener("change", () => { // if value switched by client switch (ChoiceField.value) { case "0": ColorField.value = "#873e23" ; ColorFieldWhichWorks.value = "#873e23" break; case "1": ColorField.value = "#2596be" ; ColorFieldWhichWorks.value = "#2596be" ; break; } });

Realmente no entiendo por qué no puedo cambiar el ColorField del formulario Symfony. Al final, es como mi ColorFieldWhichWorks solo código html básico o ¿me equivoco?