Do not replace the label of drop down with selected value, remain it as original plus number of value selected, change color of dropdown button once it selected value.
<select data-style="btn-filter" multiple class="selectpicker form-control" id="number1-multiple" data-container="body" data-live-search="true" title="Status" data-hide-disabled="true" data-actions-box="true" data-virtual-scroll="false"></select>
<script>
function createOptions(number) {
var options = [], _options;
for (var i = 0; i < number; i++) {
var option = '<option value="' + i + '">Option ' + i + '</option>';
options.push(option);
}
_options = options.join('');
$('#number1-multiple')[0].innerHTML = _options;
$('#number2-multiple')[0].innerHTML = _options;
$('#number3-multiple')[0].innerHTML = _options;
$('#number4-multiple')[0].innerHTML = _options;
$('#number5-multiple')[0].innerHTML = _options;
$('#number6-multiple')[0].innerHTML = _options;
$('#number7-multiple')[0].innerHTML = _options;
$('#number8-multiple')[0].innerHTML = _options;
$('#number9-multiple')[0].innerHTML = _options;
$('#number10-multiple')[0].innerHTML = _options;
$('#number11-multiple')[0].innerHTML = _options;
$('#number12-multiple')[0].innerHTML = _options;
$('#number13-multiple')[0].innerHTML = _options;
$('#number14-multiple')[0].innerHTML = _options;
$('#number15-multiple')[0].innerHTML = _options;
$('#number16-multiple')[0].innerHTML = _options;
$('#number17-multiple')[0].innerHTML = _options;
$('#number18-multiple')[0].innerHTML = _options;
$('#number19-multiple')[0].innerHTML = _options;
$('#number20-multiple')[0].innerHTML = _options;
$('#number21-multiple')[0].innerHTML = _options;
$('#number22-multiple')[0].innerHTML = _options;
}
var mySelect = $('#first-disabled2');
createOptions(10);
</script>
You can see from image, I want to disable replacing label to selected value. So that label is remain as "status"
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…