Autocomplete search with link on Name

Question

I want to click on name in search box and open profile of that person. How can I add link on this item.firstname. My route for user profile is '/users/{id}'..

this is my javascript code for autocomplete

<script type="text/javascript">
        $('.livesearch').select2({
            placeholder: 'Search users',
            ajax: {
                url: '/master/autocomplete',
                dataType: 'json',
                delay: 250,
                processResults: function (data) {
                    return {
                        results: $.map(data, function (item) {
                            return {
                                text: item.firstname+' '+item.lastname,
                                id: item.id,

                            }
                        })
                    };
                },
                cache: true,
            }
        });
    </script>

score 0 · Answer 1 · answered Apr 19 '22 at 12:12

0

Don't know if it works but you can try adding a tag instead of text like

text: `<a href='/users/item.id'>${item.firstname} ${item.lastname}</a>`

answered Apr 19 '22 at 12:12

elmeddinkamalli

25
7

Maybe this helps: https://stackoverflow.com/questions/36360783/how-to-render-html-in-select2-options – elmeddinkamalli Apr 19 '22 at 12:14
Thank you, but this is not working... I tried, and I tried similar things – Apr 19 '22 at 12:30

score 0 · Answer 2 · answered Apr 19 '22 at 12:51

0

u can try executing a function on selecting the option

$('select').on('select2:select', function (evt) {
   // get select value
  //page redirection
});

answered Apr 19 '22 at 12:51

core_dumps

1

how to add this in my javascript code, I am not so familiar with javascript – Apr 19 '22 at 13:10

score 0 · Accepted Answer · answered Apr 20 '22 at 08:11

0

There is answer... I hope so that it can be helpful to someone..

answered Apr 20 '22 at 08:11

Next time try to add code in textual form instead of an image. [Read why](//meta.stackoverflow.com/q/285551) – RiveN Apr 20 '22 at 10:20

Autocomplete search with link on Name

3 Answers3