jquery - 带有背景作为选项的下拉菜单显示已选中

Question

我有不同背景的下拉菜单作为选项，如红色、蓝色和绿色。

我希望当有人选择绿色时它会变成绿色，就像这样。我该怎么做？

下面是我的html代码:

<select name="mcolor" class="form-control" id="mcolor">
  <option value="">-- select color --</option>																				         <option value="#ff0000" style="background-color:#ff0000">&nbsp;</option>						
  <option value="#ffffff" style="background-color:#ffffff">&nbsp;</option>														</select>

Answer 1

这是在选择时更改背景颜色的方法:

$("#mcolor").change(function(){
    $('body').css("background-color", $(this).val());
});

JSFiddle demo here