How to reset a select element with jQuery

Question

I have   lt select id  baba  gt   lt option gt select something lt  option gt   lt option value  1  gt something 1 lt  option gt   lt option value 2  gt something 2 lt  option gt   lt  select gt    Using jQuery  what would be the easiest  less to write  way to reset the select so the first option is selected

User · Answer

baba option first   attr  selected  true

User · Answer

I believe      select option first-child   attr  selected    selected

User · Answer

The best javascript solution I ve found is this  elm options 0  selected  selected

User · Answer

This works a little differently from other answers in that it unselects all options       baba option   prop  selected   false      Borrowed from https   stackoverflow com a 11098981 1048376

User · Answer

if none of those solutions didn t work for you  try adding after    trigger   change       ex       baba   val     trigger   change       or      baba   val false  trigger   change       or      baba option   prop  selected   false  trigger   change       or      baba   prop  selectedIndex  -1  trigger   change       or      baba option first   prop  selected  true  trigger   change

User · Answer

This does the trick  and works for any select       baba   val   this  find  option first   val

User · Answer

In your case  and in most use cases I have seen   all you need is       baba   val        Demo

User · Answer

Edit  Old fashioned way   document getElementById  baba   selectedIndex   0    Try below and it should work for your case        baba option first   prop  selected   true     DEMO

User · Answer

If you don t want to use the first option  in case the field is hidden or something  then the following jQuery code is enough    x000D   x000D    document  ready function    x000D          but   click function    x000D              baba   val false   x000D         x000D      x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 2 0 2 jquery min js  gt  lt  script gt  x000D   lt select id  baba  gt  x000D   lt option gt select something lt  option gt  x000D   lt option value  1  gt something 1 lt  option gt  x000D   lt option value 2  gt something 2 lt  option gt  x000D   lt  select gt  x000D       x000D       lt input type  button  id  but  value  click  gt  x000D   x000D   x000D

User · Answer

This function should work for all types of select  multiple  select  select2      fn Reset List To Default Value   function           each   this   function index  el            var Founded   false             this  find  option   each function i  opt                if opt defaultSelected                   opt selected   true                  Founded   true                                     if  Founded                        if   this  attr  multiple                                    this  val                                else                                 this  val                                        this  trigger  change                To use it just call      select   Reset List To Default Value

User · Answer

If you want to reset by id      select id  baba     empty      If you want to reset by name       select name  baba     empty

User · Answer

baba   prop  selectedIndex  -1

User · Answer

Reset single select field to default option    lt select id  name  gt       lt option gt select something lt  option gt       lt option value  1   gt something 1 lt  option gt       lt option value  2  selected  selected   gt Default option lt  option gt   lt  select gt   lt script gt         name   val     name   find  option selected    val       lt  script gt     Or if you want to reset all form fields to the default option    lt script gt         select   each  function               this  val    this  find  option selected    val               lt  script gt

User · Answer

Try this  This will work      baba   prop  selectedIndex  0    Check here http   jsfiddle net bibin v R4s3U

User · Answer

baba option first   prop  selected  true     Nowadays you best use  prop    http   api jquery com prop

[jquery] How to reset a select element with jQuery

Examples related to jquery

Examples related to html