title: how to set the value of model empty on dropdown selection in view
body: <p>I'm working on a requirement in AngularJS where I need to change a div based on the dropdown selection. There are two div's basically, one contains a dropdown and another contains a textbox(both div's have the same model name city).Now, the other dropdown on whose value the div will chnage is state.  </p>
  
  <pre><code>  &lt;div class="col-xs-6 col-sm-4" ng-if="addressdetail.address.state == 'NewDelhi'"&gt;
                      &lt;label for="city"&gt;
                          City
                      &lt;/label&gt;
                      &lt;select selectpicker="city1List" title="Select" id="City" style="" name="City" ng-model="addressdetail.address.city"
                      class="selectpicker" ng-options="obj.code as obj.desc for obj in city1List"&gt;
                          &lt;option value=""&gt;
                          &lt;/option&gt;
                      &lt;/select&gt;
  
                  &lt;/div&gt;
  
                   &lt;div class="col-xs-6 col-sm-4" ng-if="addressdetail.address.state != 'NewDelhi'"&gt;
                      &lt;label for="City"&gt;                            
                                     City                            
                      &lt;/label&gt;
  
                      &lt;input id="City" style="" name="City" value="" ng-model="addressdetail.address.city" class="form-control"
                      type="text"&gt;
                  &lt;/div&gt;
  
  
  
                  &lt;div class="col-xs-6  col-md-4 col-sm-4 "&gt;
                      &lt;label for="state"&gt;
                          State
                      &lt;/label&gt;
                      &lt;select selectpicker="state1List" title="Select" id="State" style="" name="State" ng-model="addressdetail.address.state"
                      class="selectpicker" ng-options="obj.code as obj.desc for obj in state1List"&gt;
                          &lt;option value=""&gt;
                          &lt;/option&gt;
                      &lt;/select&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p>Now everything works fine, but I don't know how to change the value of textbox to empty and dropdown to empty after the selection of the state dropdown.</p>