javascript - How to not replace selected value in label

Question

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"

Answer 1

等待大神答复