Breaking News: Grepper is joining You.com. Read the official announcement!

jquery autocomplete select

Add Answer

Zany Zebra answered on March 15, 2021 Popularity 10/10 Helpfulness 2/10

answer jquery autocomplete select

related jquery autocomplete search

jquery autocomplete select

Comment

-1

$( ".selector" ).autocomplete({
  appendTo: "#someElem"
});

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: api.jqueryui.com

Tags: javascript jquery-autocomplete select

Link to this answer
Share Copy Link

Contributed on Mar 15 2021

Zany Zebra

0 Answers Avg Quality 2/10

Closely Related Answers

jquery autocomplete search

Comment

 $(document).on('keyup', ".floor_name", function(){
                if(!$("#project_id").val()){
                    alert("Select Project Name First");
                }else{
                    let project_id  = $("#project_id").val();
                    $(this).closest('tr').find('.floor_id').val('');
                    $(this).autocomplete({
                        source: function( request, response ) {
                            $.ajax({
                                url:"{{route('scj.floorAutoSuggest')}}",
                                type: 'post',
                                dataType: "json",
                                data: {
                                    _token: CSRF_TOKEN,
                                    search: request.term,
                                    project_id: project_id
                                },
                                success: function( data ) {
                                   
                                    if (data.length > 0) {
                                        response( data );
                                } else {
                                    //If no records found, set the default "No match found" item with value -1.
                                    
                                    response([{ 
                                        label: 'No results found.',
                                        val: -1,
                                        floor_id: null
                                    }]);
                                }
                                },
                                error: function(xhr, status, error) {
                                }
                            });
                        },
                        select: function (event, ui) {
                            if (ui.item.val == -1) {
                                $(this).val("");
                                $(this).closest('tr').find('.floor_id').val(ui.item.floor_id);
                                return false;
                            }
                            $(this).val(ui.item.label);
                                $(this).closest('tr').find('.floor_name').val(ui.item.label);
                                $(this).closest('tr').find('.floor_id').val(ui.item.floor_id);
                        }
                    });
                }
            });

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jun 27 2022

Irfan

0 Answers Avg Quality 2/10

jquery autocomplete select

Contents

More Related Answers

jquery autocomplete select

Closely Related Answers

jquery autocomplete search

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.