<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>顏色不顯示我需要安裝一些插件嗎？我想實作這一點，但我只得到黑匣子
uj5u.com熱心網友回復：
您需要將所選顏色應用于選擇框。這可以通過更改事件使用 JS 輕松實作。
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>轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/364144.html
標籤：javascript html 查询
上一篇：Jquery，查找包含值的子陣列