Semantic-ui: Reset Dropdown to Initial State

[narayanpai]

I'm using dropdown as per the spec. I need to reset my dropdown to its initial state.. 'Select Age' at some point, after the user has changed its value by selecting the items in the dropdown.

For, If the user has selected first option '20-30' and then after form submit How could I reset the dropdown to its initial value of 'Select Age'

<div class="ui dropdown">
  <div class="text">Select Age</div>
  <i class="dropdown icon"></i>
  <div class="menu">
    <div class="item" data-value="20-30">20-30</div>
    <div class="item" data-value="30-50">30-50</div>
  </div>

[jlukic]

This feature is not yet available, but needs to be. Adding as enhancement

[jlukic]

Added in 0.12.0

[deltoss]

Minor styling problem with current reset dropdown box code:

E.g.

$('.ui.form .ui.dropdown').dropdown('restore defaults');

It sets the original displayed markup

<div class="default text">Gender</div>

To

<div class="text">Gender</div>

Which results in losing its grey color as a placeholder.

[ctilley83]

@oniisaki I honest to god don't think they've fixed this yet

[victor-rocha]

@ctilley83 thinking the same. When you got the "response" from a confirm dialog, the 'restore defaults' dosen't work pretty well.

[faribauc]

Tested on 2.2.2, it keeps the class on the but it removes any icon you put inside:

<span class="default text">
    <i class="users icon"></i>
    Clients
</span>

to

<span class="default text">
    Clients
</span>

[ShukriChiu]

yeah, I need to clear all the options and use apiSetting again to get new options

[Eromonsele]

@ShukriChiu Have you found a solution to this yet?