How to reset one Bootstrap Multiselect when another Bootstrap multiplexer is used through jQuery

Question

I am using Bootstrap-Multiselect ( http://davidstutz.imtqy.com/bootstrap-multiselect/ )

I have two dropdowns, when an item is selected in one dropdown, I need to reset another dropdown menu. I am trying to do this using onchange jQuery, but without success.

If option 1 is selected from the drop-down list, deselect / reset everything in dropdown2.

<form>
    <select id="dropdown1" name="dropdown1" multiple="multiple">
        <option value="1">One</option>
        <option value="2">Two</option>
        <option value="3">Three</option>
    </select>

If a selection option is selected in the drop-down list, deselect / reset everything in the drop-down list.

    <select id="dropdown2" name="dropdown2" multiple="multiple">
        <option value="1">One</option>
        <option value="2">Two</option>
        <option value="3">Three</option>
    </select>
</form>

My jQuery crash

$("#dropdown1").change(function () {
    $('#dropdown2').multiselect('refresh');
});

$("#dropdown2").change(function () {
    $('#dropdown1').multiselect('refresh');
});

How should this be done?

Answer 1

, reset , , :

$("#dropdown1").change(function () {
    $('#dropdown2 option:selected').each(function() {
        $(this).prop('selected', false);
    })
    $('#dropdown2').multiselect('refresh');
});

$("#dropdown2").change(function () {
    $('#dropdown1 option:selected').each(function() {
        $(this).prop('selected', false);
    })
    $('#dropdown1').multiselect('refresh');
});

reset Bootstrap Multiselect. .

Answer 2

. ( multiselect ('refresh') .)

$('#ID').multiselect('deselectAll', false);    
$('#ID').multiselect('updateButtonText');