5

I am using simple jquery popup and Auto complete of jQuery Auto complete .The code of Auto complete is something like this.

$("#tags").autocomplete({
    source: NameArray
});

where tags is the textbox id and NameArray is Array of string.However this code in the Modal pop-up like this-

function openFilterPopUp() {

    $("#tags").autocomplete({
        source: NameArray
    });
    $("#openFilterPopUp").dialog({
        resizable: false,
        height: 240,
        modal: true,
        buttons: {
            "ok": function() { $(this).dialog("close"); },
            Cancel: function() { $(this).dialog("close"); }
        }
    });

}

The data for Autocomplete is appearing fine but its appearing behind the popup.Please Help. Any help will be appreciated.

2 Answers 2

18

Add appendTo property of autocomplete

$("#tags").autocomplete({
    source: NameArray,
    appendTo : _parentElement
});

_parentElement can be your modal body

1
  • 2
    Thanks, I upvoted because this solved my problem within seconds of searching for a solution. You can use an element's ID in the appendTo option like so appendTo: "#your_element_id". Just to add the official documentation for the appendTo option: api.jqueryui.com/autocomplete/#option-appendTo Apr 4, 2018 at 15:44
2

I try this code and success :

$("#tagsname").autocomplete({
    appendTo : "#modalform",
    source: DataArray
    
});

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.