相对于文本框设置jquery自动完成宽度

Question

我在带有不同文本框的表单上有几个自动填充，因此我尝试重构自动复合。它起作用了...除了一个非常烦人的小细节。

我的文本框都是基于百分比的宽度，不同的大小，并且在引导结构中使用class =“row”以及“col-md-9”来布局页面。长话短说：不同尺寸而不是预设宽度。

为什么这是一个问题？不将宽度设置为ul-autocomplete意味着它最初尝试匹配元素，但结果比它扩展的框“更宽”。大多数研究表明，设定重量很容易，只需要分配重量：？px在css中。显然我做不到。那么我的选择是什么？

如果需要我的jquery：

$('*[data-autocomplete-url]')
        .each(function () {
            var ddl = $(this);
            $(this).autocomplete({
                dataType: 'json',
                source: function (request, response) {
                    $.get((ddl.data("autocomplete-url")), { phrase: request.term }, function (data) {
                        response($.map(data, function (item) {
                            return {
                                label: item.Text,
                                value: item.Value,
                                id: item.Value
                            };
                        }));
                    });
                },
                focus: function (event, ui) {
                    event.preventDefault();
                    ddl.val(ui.item.label);
                },
                change: function (event, ui) {
                    if (!ui.item) {
                        ddl.val("");
                    }
                },
                autoFill: true,
                mustMatch: true,
                minLength: 4,
            });
        });