Combine js tag input with MDB Autocomplete


Topic: Combine js tag input with MDB Autocomplete

decosvaldo pro asked 7 years ago

Hi, I have a website that allows users to apply tags when registering information. I want to allow users to insert this tags only if they are valid and I believe that autocomplete is the best feature for me, because I have a lot of valid information inside a database.

I believe that combining this:

<div class="chips chips-placeholder"></div>

$('.chips-placeholder').material_chip({
    placeholder: 'Enter a tag',
    secondaryPlaceholder: '+Tag',
});

With https://mdbootstrap.com/components/inputs/#autocomplete will get me there. But I don't know how to combine them. Can you help me?

Should I create a normal autocomplete field and a placeholder only to insert the chips(tags)? If this is the way, how can I insert them? And how can I avoid users to type direct into chips and only inside the autocomplete field?

 


Mikołaj Smoleński staff answered 7 years ago

Hi, Unfortunately, we don't have a solution for combining these two fields. Regards

Huichofer pro commented 6 years ago

I was looking for this feature as well. It would be a really nice to have.

Mikołaj Smoleński staff commented 6 years ago

Thanks for Your remarks! We will take them into account in next releases.

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: Yes
  • Provided link: No