Changing a check-box control to a drop-down list is generally a straightforward process. You can easily alter the HTML markup code for your website form, capturing the data you need.

The checkbox described in the previous section resides in a div container whose ID is "checkboxContainer." Placing checkboxes that you wish to delete inside a div makes it easier for JavaScript ...

Output: The results of executing the CSS, HTML, and JavaScript entered into the sections of the page. Figure A shows jsFiddle loaded in Internet Explorer 9 with empty code panes.