我有一个选择框,我想添加一个确认,然后将其更改为特定选项。例:
<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 } } });
我正在考虑添加一个隐藏的输入字段,并在每次更改选择时更新其值。这样我可以检索更改函数中的上一个值。 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); });
有更容易/更好的方法来完成这个吗?