How to reset a input/select field on the UI from controller without loading the whole form

Question

I have two fields on the form, changing one field value should reset other field value based on conditions. How can i do that.

    <select id="code"
        name="code"
        data-ng-model="vm.formData.code"
        data-ng-options="code.id+ ' - ' + code.description for codein vm.codes track by code.id"
        data-ng-change="vm.updateTypeField(vm.formData.code, vm.formData.type)"
        required>
    </select>


   <select id="type"
       name="type"
       data-ng-model="vm.formData.type"
       data-ng-options="type.id+ ' - ' + type.description for codein vm.types track by type.id"
       data-ng-change="vm.updateCodeField(vm.formData.code, vm.formData.type)"
       required>
   </select>

Alyson Maia · Accepted Answer · 2018-04-10 05:08:01Z

1

If i well understood your question, this example may solve the problem. If not, please consider give more details.

Basicaly, updateTypeField() and updateCodeField() have access to formData, so the bellow function would do what you want:

function updateTypeField() {
  if (vm.formData.code.id == 2) {
     vm.formData.type = undefined;
  }
}

answered Apr 10, 2018 at 5:08

Alyson Maia

8105 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

johnmills Over a year ago

Thanks. I was updating vm.code instead of vm.formData.code in my controller.

Collectives™ on Stack Overflow

How to reset a input/select field on the UI from controller without loading the whole form

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related