jquery - 重置所有select2 jquery select元素

Question

我需要重置几个 select2 选择元素。目前我这样做如下

            $("#ItemId").select2("val", "");
            $("#PermanentDistrictId").select2("val", "");
            $("#PermanentThanaId").select2("val", "");
            $("#PresentDistrictId").select2("val", "");
            $("#PresentThanaId").select2("val", "");
            $("#OccupationId").select2("val", "");
            $("#GenderId").select2("val", "");

但我想在单一功能中做到这一点，如下所示 -

ParticularForm.AllSelectElements.select2("val", "");

我在这里问是因为我的 javascript 技能很差。所以，我需要你的帮助。

谢谢你。

Answer 1

您ParticularForm.AllSelectElements可以按以下方式完成：

$('#yourform select').select2("val", "");

这将选择<select>内部的所有元素#yourform。

Answer 2

$(".select2-hidden-accessible").val(null).trigger("change");

Answer 3

只是事件trigger_change.select2.trigger('change.select2')

$(document).on('click','[type="reset"]', function (e){
                $(this)
                    .closest('form')
                    .find('select')
                    .val(null)
                    .trigger('change.select2');
            });