javascript - 下拉菜单项反转

Question

我是 javascript 的新手，我的代码如下所示

在 HTML 中:

<select name="dropdown" onChange="javascript: alertUser()" >
<option value="0" selected>Eat</option>
<option value="1">Work</option>
<option value="2">Sleep</option>
<option value="3" >Enjoy</option>

在javascript中:

function alertUser()
{
    confirm("Are you sure?");
}

---

现在，这是我的问题。

当我从下拉列表中选择一个元素时，它会弹出确认对话框“Are you Sure?”。如果我单击“确定”，则选择应更改为选定值。如果我取消，所选值应重置为先前在下拉列表中选择的值。

谁能帮我解决这个问题。

谢谢

Answer 1

你可以使用这个:

window.onload = function () {
    var select = document.getElementsByName('dropdown')[0];
    var lastselected = select.value;
    select.onchange = function () {
        var newselected = select.value;
        if (confirm("Are you sure?")) {
            lastselected = newselected
            return true;
        }
        select.value = lastselected;
    }
};

我向它添加了 onload，这样它就会在页面加载时运行。我删除了你的内联 js，更干净。所以你的 html 将是:

<select name="dropdown">
    <option value="0" selected>Eat</option>
    <option value="1">Work</option>
    <option value="2">Sleep</option>
    <option value="3">Enjoy</option>
</select>

DEMO HERE