如何获得不同背景颜色的下拉列表.下拉选项是动态的

Question

我想根据值，以不同的背景彩色获得动态下拉菜单。价值：红色 ->背景色：红色等等...

下拉列表中的sql数据库中的表填充。

安培

Answer 1

此片段将执行您需要的工作。

$('#mySelect > option').each(function() {
  $(this).css('background-color', $(this).val());
});
$('#mySelect').on('change', function() {
  $('#mySelect').css('background-color', $(this).val());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="mySelect">
  <option value="red">red</option>
  <option value="green">green</option>
  <option value="blue">blue</option>
  <option value="orange">orange</option>
</select>