Q:

How to get the value from a dropdown in angular?

I am trying to get the value that user selects from my dropdown.
I have
<select ng-model="item" ng-change="vm.getItem()">
  <option value="discount">Discount</option>
  <option value="{{::item}}"
          ng-repeat="item in vm.items"
          ng-bind="item.name"
  </option>
  </select>

In my controller
vm.getItem = function() {
    vm.pickedItem = //not sure what to do...
    //I need to get the select item 
    //please noted that the discount is a stand alone option value. I need to get     
    //that too if user selects it.
}

I don't want to use ng-option as it has some restriction that I don't need. I was hoping to get it from just regular <option> tag.
Thanks for the help!

A:

I would recommend you to use ngOptions
Set up select element with proper model i.e. vm.pickedItem which can be directly used in controller, or you can pass it to your method like vm.getItem(vm.pickedItem)
<select ng-model="vm.pickedItem" ng-change="vm.getItem(vm.pickedItem )">
    <option value="discount">Discount</option>
    <option value="{{::item}}"
          ng-repeat="item in vm.items"
          ng-bind="item.name">
    </option>
</select>

