javascript - 如何在用户确认为 false 时取消选择列表中的选定选项(取消)

标签 javascript dom

我有这段 JavaScript 代码:

function change(varam){
    if(confirm("Select this option?"))
    {

    } else {
        if(varam=="1")
        {
            alert("Return selected to NO");
        } else {
            alert("Return selected to YES");
        }
    }

}

HTML 代码:

<select id="sel" name="sel" onchange="change(this.value)">
    <option value="1">YES</option>
    <option value="0">NO</option>
</select>

我想要的:

假设选择的默认值是YES。如果用户选择NO,是否要更改为NO,则出现确认框,如果选择“OK”,选项NO> 会被选中,如果选择的是“CANCEL”那么NO选项没有被选中,而是回到YES选项被选中。反之亦然。

请参阅此 fiddle :http://jsfiddle.net/CtxUy/

最佳答案

如果您只关心这两个元素,您可以手动设置值:

if(varam=="1")
{
    document.getElementById('sel').value = 0;
} else {
    document.getElementById('sel').value = 1;
}

如果可能有其他值,您可以做的是跟踪最初选择的值,并在他们拒绝确认时将选择器值设置回该值,或者在他们确认时覆盖该存储值。

像这样:http://jsfiddle.net/CtxUy/2/

关于javascript - 如何在用户确认为 false 时取消选择列表中的选定选项(取消),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15015611/

相关文章:

javascript - 如何检测 iframe 何时已加载

java - Batik 事件监听器

Javascript 增加一个值以及增加它的速度

javascript - 使用 PHP/Javascript 创建图像,在图像周围提供灰色输出

javascript - 二维数组初始化速度

javascript - 如何正确使用jquery append

PHP Simple Dom - 在类似于 + CSS 选择器的元素后立即获取元素

javascript - 你如何使用 Javascript 计算 HTML DOM 中的子节点?

javascript - 通过 Chrome 扩展在 Facebook 上分享

javascript - Ember.Route - 模型钩子(Hook)被调用两次而不是一次