title: Clear the previous input once the selection is selected
body: <p>How would I clear the input box once the user select from dropdown using angularjs.</p>
  
  <p>every time clear the input box once the selection is made.</p>
  
  <p>here is what I put together the sample:</p>
  
  <p><a href="http://jsfiddle.net/abuhamzah/jb1j3w7x/" rel="nofollow">http://jsfiddle.net/abuhamzah/jb1j3w7x/</a></p>
  
  <pre><code>&lt;div ng-app="myApp" ng-controller="MyCtrl"&gt;
     &lt;div class="col-xs-12"&gt;
        &lt;label class="col-xs-6 control-label"&gt;Type:&lt;/label&gt;
        &lt;div class="col-xs-6"&gt;
           &lt;select name="type" ng-model="payment.type" ng-dropdown required ng-change="changeme(payment.type)" &gt;
              &lt;option ng-option value="Cash"&gt;Cash&lt;/option&gt;
              &lt;option ng-option value="Check"&gt;Check&lt;/option&gt;
              &lt;option ng-option value="Money Order"&gt;Money Order&lt;/option&gt; 
           &lt;/select&gt;
        &lt;/div&gt;
     &lt;/div&gt;
      {{ payment.cash }}
     &lt;div class="col-xs-12" id="cash" ng-if="payment.type == 'Cash'"&gt;
        &lt;div &gt;
           &lt;label class="col-xs-6 control-label"&gt;Cash :&lt;/label&gt;
           &lt;div class="col-xs-6"&gt; 
           &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="col-xs-12" id="check" ng-if="payment.type == 'Check'"&gt;
        &lt;div &gt;
           &lt;label class="col-xs-6 control-label"&gt;check :&lt;/label&gt;
           &lt;div class="col-xs-6"&gt; 
           &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="col-xs-12" id="money_order" ng-if="payment.type == 'Money Order'"&gt;
        &lt;div &gt;
           &lt;label class="col-xs-6 control-label"&gt;money_order :&lt;/label&gt;
           &lt;div class="col-xs-6"&gt; 
           &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
  
   &lt;div class="col-xs-12" ng-if="payment.type == 'Check' || payment.type == 'Money Order' || payment.type == 'Cash'"&gt;
        &lt;div &gt; 
           &lt;div class="col-xs-6"&gt;&lt;input type="number" class="form-control" ng-model="payment_input"/&gt;{{payment.type}}&lt;/div&gt;
  
      &lt;/div&gt;          
  &lt;/div&gt;
  
  
  var myApp = angular.module('myApp',[]);
  
  
  function MyCtrl($scope) {
  
    $scope.changeme = function() { 
        alert(payment.type);
        payment_input='';
    }
  }
  </code></pre>