JQuery 在模态中重置 select2

Question

我已经尝试过这样的方式来重置我的模态中的select2，但是它不起作用。

$(".payment-method").select2('data', null);

<div class="modal-body"> 
                  <form class="form-horizontal" id="category-form" enctype="multipart/form-data">
                  {{ csrf_field() }}
                        <div class="col-xs-12 col-sm-6 col-md-6">
                          <label>Payment Methods (Untuk kebutuhan tertentu)</label>
                          <div class="dropdown">
                            <select class="form-control payment-method" name="paymentType" multiple="multiple" data-placeholder="Select the payment method">
                              <option value="1">cash</option>
                              <option value="2">credit</option>
                              <option value="3">debit</option>
                            </select>
                          </div>
                        </div>
                      </div>

                </form>
                </div> 

Answer 1

如果您使用 Select2 4.x 只需触发 change.select2

$('.payment-method').val(1).trigger('change.select2');

Answer 2

$(".payment-method").val([]).trigger("change"); //Answered by apokryfos