bootstrap-tag | javascript plugin for Twitter Bootstrap | Frontend Framework library

The problem is that you have jQuery included twice: once by you manually in your index.html, and once by WebSharper automatically for its own purposes. So all the functionality added by TypeAhead and TagsInput onto the initially loaded jQuery is lost when jQuery is reloaded from scratch a second time.

To solve this, instead of including jQuery, TypeAhead and TagsInput manually in the html file, you can use WebSharper's resources system:

• Define resources for TypeAhead and TagsInput, specifying that they depend on jQuery:

In the documentation of the link you provided informs that this puglin was designed for Bootstrap 2.3.2 and 3. By the tag of your question, I saw that you are using 4.

And others people having issues using it on Bootstrap 4.

I uploaded a small example based on your form and method for Github, but using version 3 of Bootstrap and it worked as expected.

An alternative could be this. They fix the compatibility problem with bootstrap 4 based on the plugin you used initially

EDIT:

After your answer's update using Nodws/bootstrap4-tagsinput I made a small test using this plugin and I was able to reproduce the problem.

When analyzing the request.form sent, I noticed that with this version of the plugin the key tags are coming in duplicate.

ImmutableMultiDict([('vendor_name', u'vendor'), ('solution_name', u'solution'), ('tags', u''), ('tags', u'tag1,tag2')])

Because of that you dont get any value when your route parser the form to dict.

I replicate your code with this another version of plugin and now is working as expected.

The complete example continues on my Github.

From bootstrap-tagsinput source code at line number 133:

Why not just use the latest stable version of Bootstrap? Your package doesn't seem to be up to date and maintained. Bootstrap 5 will be coming out soon.

https://getbootstrap.com/docs/4.5/components/badge/

as you said in your question the problem is on if section you need to make it true to continue so try if(1==1) to check that is that problem or not if it is so you found you're solution and try to solve the statement that you need for .

The error message tells you that your variable (tags, filter_field, filter_country) does not exist. This means that the variables in question do not exist at the point when you try to refer to them. Things to work on to ensure this is fixed.

You should have the file containing the definition of those variables required/included. It's easy to test whether that's the case: just throw an error (not on prod, if possible) from the file that you assume to be already existent and another from the file you are trying to use it at the point where you try to use it. If the first error is thrown, then the file is evaluated at the point you try to use it. If not, then not.

Try to throw an exception from the inside of the if. If it's thrown, then export_rule is set in $_POST.

Some of your items might be missing from $_POST. It is recommended to use defaults for the case when they do not exist. Your HTML looks to have some form tags without the items that you expect. You need to have some HTML tags with their name having the value of tags, filter_field and filter_country respectively inside the form tag. If you do not have that - and that looks to be the case - then that's a problem to fix for sure.

Make sure you close your tags properly. Use an HTML validator (like this one: https://validator.w3.org/) to check what makes your HTML invalid and fix the issues.

Needed to separate them out with an id - maybe this could help someone else

i just copied the question and it works on my system you must have been doing something wrong. For this purpose you can use javascript

1. in your tag that contains the $r['suggest'] set attribut onclick="fillTextArea('')"

change to

1. go to the bottom of your document and add the following javascript code