JQuery, как отменить изменение выбора
У меня есть поле выбора, и я хотел бы добавить подтверждение, прежде чем изменить его на конкретную опцию. Пример:
<select name="select">
<option value="foo" selected="selected">foo</option>
<option value="bar">bar</option>
</select>
$('select').change(function() {
var selected = $(this).val();
if (selected == 'bar') {
if (!confirm('Are you sure?')) {
// set back to previously selected option
}
}
});
Я думаю о добавлении скрытого поля ввода и обновлении его значения при каждом изменении выбора. Таким образом, я могу получить предыдущее значение вchange
функция.пример:
<input type="hidden" name="current" value="foo" />
$('select').change(function() {
var selected = $(this).val();
var current = $('input[name=current]').val();
if (selected == 'bar') {
if (!confirm('Are you sure?')) {
$(this).val(current);
return false;
}
}
$('input[name=current]').val(selected);
});
Есть ли более простой / лучший способ сделать это?