Although everything is working just fine while I'm adding and removing tags on a clean setup, once I save the data and pass it back in to pre-fill the tags they seem to no longer delete themselves from the select.
More Info:
I set up my ul element to have a name of pictures[] so that the select element would also be assigned a name with brackets. When the form is submitted I simply implode the resulting array and save it to a database. When I load the page I check the database and auto fill in the form by passing a string directly into the $('#id').tagit(). While it appears that the items delete on the surface (the tags disappear when the x is clicked) the select element is still passing items through in the array once they've been deleted. Do you think it has something to do with the fact that they were auto filled in to begin with? Sorry, I'm a complete Javascript noob so sorry in advance if I just did something stupid.
Although everything is working just fine while I'm adding and removing tags on a clean setup, once I save the data and pass it back in to pre-fill the tags they seem to no longer delete themselves from the select.
More Info: I set up my ul element to have a name of pictures[] so that the select element would also be assigned a name with brackets. When the form is submitted I simply implode the resulting array and save it to a database. When I load the page I check the database and auto fill in the form by passing a string directly into the $('#id').tagit(). While it appears that the items delete on the surface (the tags disappear when the x is clicked) the select element is still passing items through in the array once they've been deleted. Do you think it has something to do with the fact that they were auto filled in to begin with? Sorry, I'm a complete Javascript noob so sorry in advance if I just did something stupid.