Topic: Autocomplete as sugestions...

Rodriguez pro asked 6 years ago


I want to use the autocomplete, but that the entry doesn't force me to take a default value ... I need something like this https: //jqueryui.com/autocomplete / ... you need to click on the suggestion any suggestion? ;) Thank you!

Bartłomiej Malanowski staff commented 6 years ago

I'm afraid I don't get it. What do you mean by "force"?

Rodriguez pro commented 6 years ago

Thank you very much for the reply ... if you visit https://mdbootstrap.com/components/bootstrap-autocomplete/ in the examples in the first ... if I write "ALA" ... the autocomplete shows me "ALABAMA and ALASKA" ... if I do "enter", my "ALA" will change to "ALABAMA" and I want to use "ALA" ... no ALABAMA ... is to use in a search engine ... I need it just like you have here on the support page, https://mdbootstrap.com/support/ in the search engine I put "auto" and the system suggests "autocomplete" but I need to click on "autocomplete" to use it ... or just search "auto" if make I enter Do you understand me now? thank you again!

Rodriguez pro commented 6 years ago

hello! please! any suggestion... :(

Jakub Strebeyko staff answered 6 years ago


Hi there Rodriguez,

Welcome to the Support Board! This option is not supported out-of-the-box for use easiness's sake, but guess what, gonna let in on a secret: you can tweak the way mdb-autocomplete works if you only find the mdb-autocomplete.js. There, on line 53 you have the behavior you do not want:

$autocomplete.children(":first").trigger('click');

Comment it out, compile if you do (perhaps with build-js gulpfile script) and there you have it.

With Best Regards,
Kuba



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

  • ForumUser: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags