Update tags when hidden field changes

[vanmik]

How to update tags, when tag-it input value has changed?

I want to do smth like that:

    <input name="tags" id="tags" value="hello, world" />

    $('#tags').tagit();

    $('#tags').val('hello,world,foobar');
    $('#tags').tagit('update'); // update tags based on input value

Maybe there is a fork with this feature?

[aehlke]

The ideal way is to call createTag instead of modifying the existing field. But if you must, can I suggest destroying the widget and re-instantiating it to refresh?

[aehlke]

Can you give me a use case for this? It seems like it might be unnecessary complexity. Going to close this for now unless someone convinces me otherwise, sorry.

[codeling]

I might have a use case:
Environment: I have a list of items.
Use case: I want to edit one item.
For that I use a jquery dialog, which is dynamically filled with the values from the item to be edited.
Now to update the tag list with the values from the current item, ideally I would just have to fill the input and then call some update function, as described above.
I guess it would also be fine for that use case to destroy the widget and re-instantiating it - at the moment however I don't know how I would go about doing that (I am not so well-versed in jquery (ui) and javascript).
I thought of just calling tagit(...) again, but that doesn't seem to work - the tag list keeps the old values ...

[codeling]

@aehlke I know I'm reviving zombies here, but maybe you got a hint for me?

[codeling]

@aehlke never mind, in the meantime I worked around by removing and adding the tags with the provided removeAll/createTag methods!

[overallduka]

This is necessary, thanks codeling by the removeAll/createTag solution.