0
290
Views¿Cómo obtener el menú desplegable con la lista de colores?
<select name="color" class="form-control" id="color"> <option value="">Choose</option> <option style="color:#0071c5;" value="#0071c5">◼ Dark blue</option> <option style="color:#40E0D0;" value="#40E0D0">◼ Turquoise</option> <option style="color:#008000;" value="#008000">◼ Green</option> <option style="color:#FFD700;" value="#FFD700">◼ Yellow</option> <option style="color:#FF8C00;" value="#FF8C00">◼ Orange</option> <option style="color:#FF0000;" value="#FF0000">◼ Red</option> <option style="color:#000;" value="#000">◼ Black</option> </select> Los colores no se muestran, ¿necesito instalar algunos complementos? Quiero lograr esto, pero solo obtengo una caja negra 
·
Juan Pablo Isaza
1 answers
Answer question0
Debe aplicar el color seleccionado al cuadro de selección. Esto se puede lograr fácilmente con JS a través del evento de cambio .
const colorBox = document.getElementById('color'); colorBox.addEventListener('change', (event) => { const color = event.target.value; event.target.style.color = color; }, false); <select name="color" class="form-control" id="color"> <option value="">Choose</option> <option style="color:#0071c5;" value="#0071c5">◼ Dark blue</option> <option style="color:#40E0D0;" value="#40E0D0">◼ Turquoise</option> <option style="color:#008000;" value="#008000">◼ Green</option> <option style="color:#FFD700;" value="#FFD700">◼ Yellow</option> <option style="color:#FF8C00;" value="#FF8C00">◼ Orange</option> <option style="color:#FF0000;" value="#FF0000">◼ Red</option> <option style="color:#000;" value="#000">◼ Black</option> </select>
·
Juan Pablo Isaza
Report
Answer question