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

Question

I want to replace standard multiselect options ( which we have to keep pressed command button and then select multiple options ) with checkbox dropdown (that when i check the item, all the checked items are displayed in the header).

I have the following select options

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

Now i want to replace the above such that there is a checkbox with each item.. and all the checked item(s), when checked, are displayed in the header.

I just want to transform the functionality, interface just same as normal single select select options but the only difference is, there is a checkbox infront of each item,, and when i tick the checkbox, each of the ticked item(s) is displayed in the header.

How can i attempt the same..??

Answer 1

If you want to handle your form data using a select box, but would prefer to display it to the user as a dropdown list with checkboxes for selecting each option, look no further than Dropdown Check List:

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