CODEWITHSUNDEEP
jqueryangularjs
skdonthi
skdonthi

Reputation: 1442

Select multiple checkbox options with comma separated in a dropdown

find the image here

Select multiple options in a dropdown onselecting a checkbox inside a dropdown and display with comma separated on dropdown

onselecting a checkbox and display with comma separated on dropdown

Upvotes: 0

Views: 488

Answers (1)

hasan
hasan

Reputation: 3502

You can use bootstrap-multiselect with jquery to achieve your goal. It works in snippet.

$(function() {
  $('#yourselect').multiselect({
      includeSelectAllOption: true
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://davidstutz.github.io/bootstrap-multiselect/dist/css/bootstrap-multiselect.css" rel="stylesheet"/>
<link href="https://davidstutz.github.io/bootstrap-multiselect/docs/css/bootstrap-3.3.2.min.css" rel="stylesheet"/>
<script src="https://davidstutz.github.io/bootstrap-multiselect/docs/js/bootstrap-3.3.2.min.js"></script>
<script src="https://davidstutz.github.io/bootstrap-multiselect/dist/js/bootstrap-multiselect.js"></script>

<form id="form1">
  <div>
    <select id="yourselect" multiple="multiple">
      <option value="cheese">Cheese</option>
      <option value="tomatoes">Tomatoes</option>
      <option value="mozarella">Mozzarella</option>
    </select>
  </div>
</form>

Upvotes: 1

Related Questions