如何获得具有不同背景颜色的下拉菜单。下拉选项是动态的

Question

我想根据值获得具有不同背景颜色的动态下拉列表。值：红色 -> 背景颜色：红色等等...

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

安培尔

Answer 1

这个 sn-p 会做你需要的。

$('#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>