Can someone assist me with this particular situation?
I have implemented single-select dropdowns in a table where each row has its own dropdown. There are 2 options for changing the selection:
Clicking on the deselect ('x') icon (works fine - via ng-change).
Opening the dropdown, selecting another value from the list. This overrides the previous value (even though ng-change fires, distinguishing between a new value or an overriding value is not possible).
I would like to prevent the second behavior. Is there a way to instruct 'chosen' that once a value is selected, the only way to choose a new value is by clicking on 'x'? For example: after a value is selected, disable the dropdown, hide the arrow icon, but keep the 'x' deselect icon active?
<select chosen
allow-single-deselect="true"
placeholder-text-single="'Select'
ng-model="row.userSelection"
ng-options="field as field.name for field in vm.fields">
<option value=""></option>
</select>
Thank you.