選擇帶有逗號在下拉分開的多個複選框選項

Question

find the image here

選擇下拉多個選項onselecting下拉內複選框，並與逗號在下拉分開顯示

onselecting a checkbox and display with comma separated on dropdown

Answer 1

您可以使用bootstrap-multiselect用jQuery來實現你的目標。它在代碼片段中工作。

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