Bootstrap dropdown checkbox select

Question

I'm trying to customize a bootstrap dropdown with checkboxes and if I select a checkbox from dropdown the label name I want to be written on input dropdown delimited with ';' like in uploaded picture when dropdown is closed.

Here is a fiddle example.

Answer 1

Not the most elegant solution - you will probably want to refine this somewhat, but this might get you started:

$(document).ready(function() {     $("ul.dropdown-menu input[type=checkbox]").each(function() {         $(this).change(function() {             var line = "";             $("ul.dropdown-menu input[type=checkbox]").each(function() {                 if($(this).is(":checked")) {                     line += $("+ span", this).text() + ";";                 }             });             $("input.form-control").val(line);         });     }); });