Select2 jquery tutorial - reset and empty value (select2 v.3.5 and v.4)

preview_player
Показать описание
in this video i will show you how to reset value select2 jquery. So simple, just add the following script :
$("#address").select2('val', '');
$("#address").html('');

in your javascript ..

that script works on select2 v.3.5.3 and also v.4.0

---
see this video for details.
  1. Ambar Hasbiyatmoko
  2. select2
  3. jquery
  4. dropdown
  5. reset
  6. value
Рекомендации по теме
Select2 jquery tutorial 0:02:59

Select2 jquery tutorial - reset and empty value (select2 v.3.5 and v.4)

HTML : Clear 0:01:10

HTML : Clear multiple select jquery-select2

jQuery : How 0:01:04

jQuery : How to reset/clear all filters (select2, select, input) in the x-editable table?

How to use 0:07:09

How to use use Select2 JQuery plugin

How to solve 0:04:29

How to solve : select2 jquery not work after clone

JavaScript : Clear 0:01:29

JavaScript : Clear dropdown using jQuery Select2

Select2 Jquery Tutorial 0:10:58

Select2 Jquery Tutorial | Select 2 Multiselect Example | Select2 Searchable Dropdown | Php Select2

JavaScript : Resetting 0:01:16

JavaScript : Resetting Select2 value in dropdown with reset button

Remove first option 0:01:32

Remove first option of Select tag with jQuery [HowToCodeSchool.com]

jquery forms reset 0:01:08

jquery forms reset selector - part 68

dropdown list select 0:03:38

dropdown list select option reset selection clear using jquery 3.3.1

Loading data remotely 0:11:27

Loading data remotely in Select2 - CodeIgniter 3

select box with 0:07:24

select box with search option jquery select2 min js

Form Reset jQuery 0:05:30

Form Reset jQuery || Ujjwal Technical Tips

Jquery Tutorial Clear 0:12:56

Jquery Tutorial Clear input on click

Select2 Jquery Plugin 0:00:28

Select2 Jquery Plugin

JavaScript : JQuery 0:01:02

JavaScript : JQuery select2 set default value from an option in list?

Jquery select2 ajax 0:03:15

Jquery select2 ajax autocomplete example with demo in PHP | autocomplete using PHP/MySQLi

Pure JavaScript - 0:01:02

Pure JavaScript - HTML Multiple Select Tag

JQUERY RESET SELECTOR 0:01:44

JQUERY RESET SELECTOR DEMO

Select2 ajax php 0:10:23

Select2 ajax php jquery tutorial

JQUERY RESET SELECTORS 0:01:46

JQUERY RESET SELECTORS DEMO

Change Selected option 0:07:43

Change Selected option in Select2 Dropdown with jQuery

Select con ricerca 0:03:51

Select con ricerca html javascript (select2)

Комментарии
Автор

Thanks, for some reason this is not explained in he documentation.
Several blogs uses a completely different approach that doesn't work at all!!!
very very good. Thank You Ambar!

powerengineering
Автор

Thank you.

Work like a charm for reset, but with enable all of your function. I comment the second statement, but not work properly.

MuslimAswaja
Автор

nice approach but is there any way to do it without

rafeemuhammad
Автор

$("#address").select2('val', ''); if im using class $(".select2).select2('val', ''); not working, how to fix this ?

romandahidayat
Автор

Excellent tutorial. 1. Could you please show us how can we add multiple select2 (multi select) div on button click? 2. How can we populate combination of a multi select select2 box's value and show it in a table like the one in Vendhq POS? vendhq.com they have done it beautifully in the product variants creation. (using version 4)

MarioPuzo