Выполните обновление в JQuery для обновления выбора

Question

У меня есть приведенный ниже HTML-код, который может выбрать несколько вариантов с опциями в реальном времени.Я очень плохо знаком с jquery и написал код для обновления, если выбрано несколько опций

    <div class="col-sm">
        <select id="dataPicker" class="selectpicker show-menu-arrow rule-options" multiple title="Rule Description" data-live-search="true" data-width="140px" data-size="5">
            <option data-tokens="A"> A thru Column G </option>
            <option data-tokens="B">B toC</option>
            <option data-tokens="G">G to A</option>
       </select>
    </div>

<div class="container">
            <div class = "row">

                <div class="ml-auto p-1">
                  <button class="btn btn-dark " type="Validate">Run Validation</button>
                  <button class="btn btn-dark" id="myButton" type="Clear" >Clear Validation</button>
                </div>

            </div>
        </div>

    <script>
        $('#myButton').on('click', function() {
            $("#dataPicker").selectpicker("refresh");
        })
    </script>

Answer 1

Простое и рабочее решение:

$('#myButton').on('click', function() {
  $('#dataPicker').find('option').prop("selected", false);
})

Вы можете проверить его на JSFiddle здесь:
http://jsfiddle.net/8e5agdpq/

Я также читал, что у jQuery много проблем с совместимостьюверсии.Брутальное, не элегантное и общее решение, которое работало во всех моих тестах:

$('#myButton').on('click', function() {
    $('#dataPicker')
        .find('option')
        .remove()
        .end()
        .append('<option data-tokens="A"> A thru Column G </option>')
        .append('<option data-tokens="B">B toC</option>')
        .append('<option data-tokens="G">G to A</option>')
    ;
})

Вы можете протестировать его в JSFiddle здесь:
http://jsfiddle.net/koxs785a/