模态中的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

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

Answer 2

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

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