Dynamic input element removal with change in variable

[fpolli]

Hi,

In a form, I am using the template and a variable to set the options for a select. On initial draw, the form places the correct number of options, and if I add an element to the tracked array, that option gets added. Yay. However, if I remove an element from the tracked array, the corresponding option is not removed.

Code example:

<div 
  x-data="{
    budgetUsers: {
        2: Joe User
    },
  }"
>

      <select >
      <option value=''>None</option>
      <template x-for="(label,value) in budgetUsers">
        <option :value="value" x-text="label"></option>
      </template>

So, if I add 3: Jane User to the budgetUsers variable, the option is added.

If I then remove 2: Joe User from budgetUsers, his option remains in the select.

[ekwoka]

I assume OP noticed they did something wrong, not sure, but this appears to work fine:

https://awesomealpine.com/play?share=HVxI0ckI8LTL