Unable to select dropdown option more than once

Question

I have a dropdown and I want to detect all the events, even if they are the same, when custom period is selected a modal is displayed, but I need that the user be able to use this modal all the times he want, even if is selected, here is the code:

<div class="form-group">
<select width="'100%'" ng-model="selection.date.mode"
        class="form-control input-sm" ng-change="setDateMode()">
    <option value="d" ng-show="visible.date.d" >Day</option>
    <option value="w" ng-show="visible.date.d" >Week</option>
    <option value="m" ng-show="visible.date.d" >Month</option>
    <option value="y" ng-show="visible.date.d">Year to Date</option>
    <option value="c" ng-show="visible.date.d" >Custom</option>
    <option value="l" ng-show="visible.date.d" >Last 30 days</option>
</select>

AngularJS function:

function setDateMode() {
    $scope.selection.date.mode === "c" ? clickCustomInput() : dateSelected();
}

Answer 1

Basically you should think twice whether you really need this. You can only achieve it by adding a click-directive to each option:

 <option value="d" ng-show="visible.date.d" ng-click="setDateMode()">Day</option>

This will cause double calls of setDateMode() with each selection except the selected value stays the same. But you can't remove ng-change() from the select-element because when ng-click() fires the dropdown list doesn't know the currently selected value yet...