Сброс формы не удается удалить автозаполнение jQuery

Question

В ASP.NET у меня есть пользовательский элемент управления, который появляется на каждой странице, предоставляя пользователю некоторые параметры для поиска. Элемент управления содержит кнопку «Сброс», чтобы очистить все поля, и я пытаюсь обработать все это на стороне клиента. Элемент управления содержит текстовые поля, элементы управления датой, выпадающие списки - и автозаполнение jQuery. Я могу очистить все поля, кроме автозаполнения:

$(document).ready(function () {
    $("#<%= btnReset.ClientID %>").click(function () {
        $(".txtClear").val('');
        $(".ddlClear").attr('selectedIndex', 0);
        $(".datepicker").val('__/__/____');

        var source = $("#<%= acSCAC.ClientID %>").autocomplete("option", "source");
        $("#<%= acSCAC.ClientID %>").autocomplete("option", "source", [""]);
        $("#<%= acSCAC.ClientID %>").val("");
        $("#<%= acSCAC.ClientID %>").autocomplete("option", "source", source);

        return false;
    });
});

Вы заметите одну из моих неудачных попыток очистить автозаполнение ближе к концу.

Я хочу, чтобы она была такой, какой она была при первой загрузке страницы - ничего в ней нет.

Разве это не возможно?

Answer 1

Я думаю, вы могли бы просто использовать метод destroy или установить параметры для пустого массива, а затем повторно применить данные автозаполнения, которые вы хотите там отобразить.(Больше на вкладке методов на этой странице - http://jqueryui.com/demos/autocomplete/)

$("#<%= acSCAC.ClientID %>").autocomplete("destroy"); //returns input to init status

или

$("#<%= acSCAC.ClientID %>").autocomplete({"source": [""]}); //clears the autocomplete options array

Далее следует перезагрузить массив опций с данными из исходного исходного массива

$("#<%= acSCAC.ClientID %>").autocomplete({"source": originalsourcearray});

Я также разместил пример того, что я сделал, на jsfiddle.net - http://jsfiddle.net/tFkjA/15/