Question

如何在＆＃34;取消＆＃34;之后让选项框返回到之前选择的相同位置？在警报中选择？

现在代码可以正常工作，现在进入＆＃34;禁用＆＃34;选项叫做＃34; Common Languages＆＃34;没有任何功能。这不是它应该如何运作。

我想要的是在选择＆＃34;取消＆＃34;之后返回到之前选择的选项警惕。

JavaScript的：

<script type="text/javascript">
$(document).on('click', ':not(form)[data-confirm]', function(e){
    if(!confirm($(this).data('confirm'))){
        e.stopImmediatePropagation();
        e.preventDefault();
    }
});

$(document).on('submit', 'form[data-confirm]', function(e){
    if(!confirm($(this).data('confirm'))){
        e.stopImmediatePropagation();
        e.preventDefault();
    }
});

$(document).on('input', 'select', function(e){
    var msg = $(this).children('option:selected').data('confirm');
    if(msg != undefined && !confirm(msg)){
        $(this)[0].selectedIndex = 0;
    }
});
</script>

HTML：

<select name="LangF" id="opt">
<option value="" disabled>Common Languages:</option>
<option value="zh-CN">Chinese (Simplified)</option>
<option selected value="en">English</option>
<option value="fr">French</option>
<option value="de">German</option>
<option value="ru">Russian</option>
<option value="es">Spanish</option>
<option value="" disabled>&#8212;</option>
<option value="auto" data-confirm=" The ´´Automatic Language Detection´´ does not detect laguadges in frames / sandbox. Are you sure you want to select this option? ">Auto Detect</option>
<option value="" disabled>&#8212;</option>
<option value="" disabled>Other Languages:</option>
<option value="af">Afrikaans</option>
<option value="sq">Albanian</option>
<option value="ar">Arabic</option>
<option value="hy">Armenian</option>
<option value="az">Azerbaijani</option>
</select>

现在它可以工作，但问题是它会转到被称为＆＃34; Common Languages：＆＃34;的选项的1值。价值是＆＃34;禁用＆＃34;。我认为必须有一种方法可以使它转到另一个值，例如自动＆＃34;选择＆＃34;价值称为＆＃34;英语＆＃34;如果不是前一个选定值，则从选项中选择。

Answer 1

这是您的解决方案（总代码）：

<script type="text/javascript">
$(document).on('click', ':not(form)[data-confirm]', function(e){
    if(!confirm($(this).data('confirm'))){
        e.stopImmediatePropagation();
        e.preventDefault();
    }
});

$(document).on('submit', 'form[data-confirm]', function(e){
    if(!confirm($(this).data('confirm'))){
        e.stopImmediatePropagation();
        e.preventDefault();
    }
});
var arr = [];
$(document).on('input', 'select', function(e){
    arr.push($(this)[0].selectedIndex)
    var msg = $(this).children('option:selected').data('confirm');
    if(msg != undefined && !confirm(msg)){
        $(this)[0].selectedIndex = arr[arr.length-2];
    }
});
</script>

这里没有任何改变：

<select name="LangF" id="opt">
<option value="" disabled>Common Languages:</option>
<option value="zh-CN">Chinese (Simplified)</option>
<option selected value="en">English</option>
<option value="fr">French</option>
<option value="de">German</option>
<option value="ru">Russian</option>
<option value="es">Spanish</option>
<option value="" disabled>&#8212;</option>
<option value="auto" data-confirm=" The ´´Automatic Language Detection´´ does not detect laguadges in frames / sandbox. Are you sure you want to select this option? ">Auto Detect</option>
<option value="" disabled>&#8212;</option>
<option value="" disabled>Other Languages:</option>
<option value="af">Afrikaans</option>
<option value="sq">Albanian</option>
<option value="ar">Arabic</option>
<option value="hy">Armenian</option>
<option value="az">Azerbaijani</option>
</select>

它真的有用。

Answer 2

加载表单后，将状态缓存在对象中。您可以编写一个函数来更新此缓存对象，这样一旦成功，您可以在发生取消或错误时轻松更新缓存以供将来的用例使用。您可以创建另一个函数来循环缓存对象并设置属性（和值）。这是我所知道的唯一方法，不使用页面重新加载或通过ajax（websocket等）重新加载数据。

如何在取消预警＆＃34;取消＆＃34;？后取消已取消的提醒以返回相同的前一个选项？

2 个答案: