jquery UI selectmenu - Как сбросить раскрывающийся список на кнопке сброса формы

Сбросить все поля со списком формы

$("form .select").selectmenu("index", 0);

единственное решение, работающее для меня:

$('#resetButton').click(function() {
  $("#Service").selectmenu('destroy');
  $("#Service").prop('selectedIndex',0);
  $("#Service").selectmenu();
})';

Я обнаружил, что это так же просто, как: (замените #mymenu своим селектором)

$("#mymenu")[0].selectedIndex = 0;

$("mymenu").selectmenu("обновить");

Глядя на демонстрационную страницу:

http://jquery-ui.googlecode.com/svn/branches/labs/selectmenu/index.html

Я не вижу никаких доказательств того, что у него есть метод сброса. Но если бы это было так, я бы ожидал, что это будет называться так:

$('select#speed').reset();

Обратите внимание, что с плагином вы должны вызывать методы для объекта выбора, заключенного в jQuery, а не для всей формы.

.reset(), который вызывает ваш JS, является встроенным методом DOM. Вы можете использовать методы DOM для сброса выбора следующим образом:

getElementById("speed").selectedIndex = 0;

Вы можете привязать функцию к событию нажатия кнопки\триггера сброса вместо обработчика привязки к событию сброса формы. Хитрость заключается в том, что когда вы сбрасываете форму, исходный выбор в ней сбрасывается до своего начального значения, поэтому после сброса формы вы можете получить значение выбора и обновить свое пользовательское меню выбора с этим значением. Это позволит вам сбросить пользовательское меню выбора. Вот код:

$('.refForm').click(function(){
    var $that = $(this),
        select;
    setTimeout(function(){
        $that.closest('form').find('.ui-selectmenu').each(function(){
            select = $(this).prev();
            select.selectmenu("value", select.val());
        })
    }, 0)
})

Функция, которая получает значение исходного сброшенного выбора, помещается внутрь setTimeout с нулевой задержкой, чтобы убедиться, что исходный выбор будет сброшен до того, как функция получит доступ к этому значению.

Также обратите внимание, что если в тегах параметров не указаны атрибуты значений, приведенный выше код не будет работать в IE (насколько я тестировал, 7-9). Поэтому вам нужно указать значение для всех параметров.

Меню выбора пользовательского интерфейса jQuery имеет свойство обновления. Вы должны назвать это:

$('select').selectmenu('refresh');

Конечно, вы хотите вызвать это после того, как событие сброса сработало в форме, когда исходный <select> был сброшен. Не существует «правильного» способа сделать это (например, нет события после сброса). Конечно, вы можете установить тайм-аут (как упоминалось ранее), но это кажется хакерским. Лучший / самый чистый способ, который я нашел для этого, - написать свою собственную функцию «сброса» и вызвать в ней form.reset(), прежде чем вызывать обновление, как показано выше. Например, вы можете прослушать нажатие кнопки (кнопок) сброса:

// Modify selectors to fit your needs.
$('.resetButton').click(function()
{
    $('#searchForm')[0].reset();
    $('select').selectmenu('refresh');
    return false;
});

Я возвращаю false, чтобы предотвратить повторный вызов reset().

Немного опоздал на вечеринку, однако, учитывая, что все остальные ответы либо неверны, либо неполны, я добавлю свои 2 цента!

Все, что вам нужно сделать, это

$('#speed').val("Slower"); // your default option's value
$('#speed').selectmenu("refresh");