Javascript 使用jQuery将ul li转换为使用multiselect复选框选择下拉列表

我是否可以将无序列表转换为带有多选复选框的下拉列表？ 它在一些wordpress插件中，因此我真的不想丢失属性

以下是html代码的示例：

百事可乐 3.00lei 百事可乐Twist 3.00lei 米林达 3.00lei 七喜 3.00lei 山露 3.00lei

---

如果您在复选框html下面添加此代码，您将看到它从您的复选框中创建了一个下拉列表，选中该下拉列表后，将选中正确的复选框，这意味着您使用的任何插件都将继续正常工作，只需添加display:none；在之后的复选框的父项上，我已经用您的html进行了测试

见行动：-

//循环检查复选框并在下拉列表中创建一个选项 $document.readyfunction{ $.tmcp-field.eachfunction{ var复选框=$this； var optionElem=document.createElementoption； optionElem.setAttributevalue，checkbox.val； $optionElem.html$this.parents'li'.find'.tc label'.text； document.getElementById'checkboxclone'.appendChildoptionElem； }; }; //选中下拉列表时选中相关复选框 $checkboxclone.onchange，函数{ 所选变量=$this.val； $.tmcp字段。每个函数{ $this.prop'checked'，false； 如果$this.val==选中{ $this.prop'checked'，true； } }; }; 百事可乐 3.00lei 百事可乐Twist 3.00lei 米林达 3.00lei 七喜 3.00lei 山露 3.00lei

---

注意：此解决方案不会转换复选框，但它确实提供了一个合理的解决方案。看起来不错，但很抱歉，您可能不理解我的意思，我需要一个内部的下拉列表多选。因此，您可以在下拉列表中选择多个项目。创建下拉列表很好，只是为了在其中添加一些功能。