ajax-bootstrap-select issue #84

cannot unselect option element when preserveSelected option is true

by Carl Angelo Nievarez

HTML

<script src="https://rawgit.com/silviomoreto/bootstrap-select/master/dist/js/bootstrap-select.js"></script>
<script src="https://rawgit.com/truckingsim/Ajax-Bootstrap-Select/master/dist/js/ajax-bootstrap-select.js"></script>
<link rel="stylesheet" href="https://rawgit.com/truckingsim/Ajax-Bootstrap-Select/master/dist/css/ajax-bootstrap-select.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.11.0/css/bootstrap-select.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<select 
  name="test" 
  class="select-ajax-search"
  multiple="multiple">
  <option value="TestOne" selected>Test One</option>
  <option value="TestTwo" selected>Test Two</option>
</select>

JavaScript

$('.select-ajax-search').selectpicker({
    liveSearch: true
  })
  .ajaxSelectPicker({
      ajax: {
        url: '/echo/json',
        method: 'GET',
        data: function () {
          return {
            q: '{{{q}}}'
          };
        }
      },
      cache: false,
      clearOnEmpty: true,
      preserveSelected: true,
      preprocessData: function(){
        var data = []; 
        data.push(
          {
              value: 'TestThree',    
              text: 'Test Three'
          }
          );
        return data;
      }
    });