Javascript 如何用复选框下拉列表替换标准多选选项

我想将标准的

multiselect

选项（我们必须按住command按钮，然后选择多个选项）替换为复选框下拉列表（当我选中项目时，所有选中的项目都显示在标题中）

我有以下选择选项

    <select multiple="" class="multimenu">
     <option value="a">Playing</option>
     <option value="b">Singing</option>
     <option value="c">Listening</option>
     <option value="d">Sleeping</option>
     <option value="e">Chatting</option>
   </select>

玩
歌唱
听
睡觉
聊天

现在我想替换上面的内容，这样每个项目都有一个复选框。。选中时，所有选中的项目都显示在标题中

我只是想转换功能，界面和普通的单选选项一样，但唯一的区别是，每个项目前面都有一个复选框，当我勾选复选框时，每个勾选的项目都显示在标题中

---

如何尝试相同的操作？..

如果您希望使用选择框处理表单数据，但希望将其显示为下拉列表，并带有用于选择每个选项的复选框，请查看下拉列表：

---

您可能想考虑使用jQuery选择插件。您想用JS动态替换元素还是要求HTML？我想用JS动态替换元素。请阅读最后第二行以明确目标。好的，但如果您不想使用它，为什么要首先创建一个

选择

框？我必须假设

有一个

id

或

名称

，对吗？