jQuery如何撤消选择更改 [英] jQuery how to undo a select change
本文介绍了jQuery如何撤消选择更改的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个选择框,我想先添加一个确认,然后再将其更改为特定选项.示例:
I have a select box, and I'd like to add a confirm before changing it to a specific option. Example:
<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
函数中检索以前的值. 示例:
I'm thinking about adding a hidden input field and update its value every time the select is changed. That way I can retrieve the previous value in the change
function. Example:
<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);
});
是否有更简单/更好的方法来实现这一目标?
Is there an easier/better way to accomplish this?
推荐答案
Rather than using a global variable (evil!) or a hidden element (abuse of the DOM) you can use the $.data
feature:
$('select').change(function() {
var selected = $(this).val();
if (selected == 'bar') {
if (!confirm('Are you sure?')) {
$(this).val($.data(this, 'current'));
return false;
}
}
$.data(this, 'current', $(this).val());
});
这篇关于jQuery如何撤消选择更改的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文