Bootstrap jquery auto-complete style adjustment _jquery

1. Adjustment of the covering layer

In the Bootstrap dialog box, when an entry uses an AutoComplete control, the contents of the Drop-down box are obscured by the overlay of the Bootstrap dialog box.

To enable the subsequent AutoComplete layer to appear, you can use the following style definition:

ul.ui-autocomplete{
z-index:9999;
}

2. Auto-Complete Select item scrolling

When there are many options, the automatically completed Drop-down displays a long list. In order to be able to better display so many options, you want to be able to have a scrolling selection function.

ul.ui-autocomplete{
z-index:9999;
max-height:200px;
OVERFLOW-Y: scroll;
}

The above is a small set to introduce the bootstrap jquery automatic completion of the style of the relevant knowledge, I hope to help you!