Cannot reset a select in material css

Question

My HTML code is like this

<div class="input-field">
    <select ng-model="user.place">
      <option value="" disabled selected>Choose The Region</option>
      <option value={{value}} ng-repeat="value in region">{{value}}</option>
    </select>
</div>

• When the page loads up the select option "Choose The Region" is shown.
• Now select any region.
• Now I want to reset the select back to "Choose The Region"

I have tried to do user.place='' but this does not work! I am clueless on how to reset the select box.

Answer 1

Is it the obvious thing?

<option value="" disabled selected>Choose The Region</option>

                               ^^^^^^^

disabled attribute would explain why you cannot select it.