如何使用JavaScript在动态下拉框中创建复选框？

Question

use for fill color in emty star 
<style type="text/css">

 .overall-rating{font-size: 14px;margin-top: 5px;color: #8e8d8d;}

 .ratings {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  color: #b1b1b1;
  overflow: hidden;
}

.full-stars{
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
  overflow: hidden;
  color: #fde16d;
}

.empty-stars:before,
.full-stars:before {
  content: "\2605\2605\2605\2605\2605";
  font-size: 14pt;
}

.empty-stars:before {
  -webkit-text-stroke: 1px #848484;
}

.full-stars:before {
  -webkit-text-stroke: 1px orange;
}
</style>

这样我可以在下拉列表中显示列表，那么如何在多选选项中显示复选框呢？