Correct way to set autocomplete value

Topic: Correct way to set autocomplete value

Watts free asked 4 years ago

Expected behavior

What's the correct way to dynamically set an autocomplete value from jquery. The following command:

$('#form-autocomplete').val('Massachusetts')

See Snippet - It does not set the field value as if it was selected by a user. The label overlaps and the cross button doesn't show.

P.S. This would be good to add to documentation.

Thanks

Actual behavior

See snippet

Resources (screenshots, code snippets etc.)

https://mdbootstrap.com/snippets/jquery/watts/1904750

Add comment

Mateusz Łubianka staff answered 4 years ago

Try to use this code:

$('#form-autocomplete').val('Wisc').trigger('keyup').trigger('focus');

Best,

Watts free commented 4 years ago

Thanks!

The final step was:

$('.mdb-autocomplete-wrap li').trigger('click')

Mateusz Łubianka staff commented 4 years ago

I'm glad I could help.

Best,

Add comment

Write

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

30Support score
4Questions 1Answers 2Snippets