How to avoid showing the selected option in bootstrap multiselect?

Question

How to show the instead of selected value option 1.3 I want to show some other text as Options as default whenever you selected any other text.

<select id="example-dropRight" multiple="multiple">
    <option value="1">Option 1.1</option>
    <option value="2">Option 1.2</option>
    <option value="3">Option 1.3</option>
    <option value="4">Option 2.1</option>
    <option value="5">Option 2.2</option>
    <option value="6">Option 2.3</option>
</select>

Image:

Answer 1

You can use jQuery like this to override the text.

 $('#example-dropRight').multiselect({
   onChange: function(option, checked) {
     $('.multiselect-selected-text').text('OnChange Text');
   }
 });

$('.multiselect-selected-text').text('OnLoad Text');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="http://davidstutz.github.io/bootstrap-multiselect/dist/js/bootstrap-multiselect.js"></script>

<select id="example-dropRight" multiple="multiple">
  <option value="1">Option 1.1</option>
  <option value="2">Option 1.2</option>
  <option value="3">Option 1.3</option>
  <option value="4">Option 2.1</option>
  <option value="5">Option 2.2</option>
  <option value="6">Option 2.3</option>
</select>