I’ve got a page that, in response to a button click, brings up a Bootstrap modal form. In that form is a textfield with the standard Drupal autocomplete behavior; it’s working fine.

I now want to set things up so that, after a value is put into that field, another mostly-identical autocomplete field is added to the form — the idea is to let the user specify additional values for the property being handled by this part of the form.

I’ve hung a jQuery blur handler off the textfield that takes the HTML that ends up in the form for the initial autocomplete form, parameterizes it a bit to avoid duplicate ID numbers, and inserts this updated field into the form when the first field gets a value. This is working fine from an HTML perspective, but the autocomplete behavior is not happening on the added form.

Minor notes:

• After I insert the new field into the form, I re-run Drupal.attachBehaviors(), which I thought was going to make this all work. I’ve also added a delay to make sure the rewriting of the form is completed before attachBehaviors() is called, but that has no effect.

• The autocomplete behavior continues to work on the original field after the new field is added to the form.

• The blur handler that does all this stuff to the first autocomplete field is not firing when I blur control from the second, added field.

It looks like some other bit of initialization stuff needs to happen, but I have no clue what it is. Does anybody else? Thanks!