jQuery如何撤消选择更改

本文介绍了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?

推荐答案

您可以使用 $.data 功能:

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()); });