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

时间:2013-07-08 10:32:34

标签: javascript html

我想用复选框下拉键替换标准multiselect选项(我们必须保持按下命令按钮,然后选择多个选项)(当我检查项目时,所有选中的项目都显示在标题中)

我有以下选择选项

    <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>

现在我想要替换上面的内容,以便每个项目都有一个复选框..所有选中的项目,如果选中,都会显示在标题中。

我只想转换功能,界面与普通单选选项相同,但唯一的区别是,每个项目前面都有一个复选框,当我勾选复选框时,每个勾选的项目(s) )显示在标题中。

我怎样才能尝试相同.. ??

1 个答案:

答案 0 :(得分:0)

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

https://code.google.com/p/dropdown-check-list/