我有一个默认值为空白的下拉列表。当用户选择特定值时,我想显示警报并将下拉列表重置为空白值。在下面的示例代码中,我尝试为值 3 设置条件。如果所选值是 3,则显示警报并将下拉列表重置为默认值。
警报显示正常..但是下面的不起作用
document.getElementById("ddl").selectedIndex = "0";
我能够得到警报,如何在警报之后触发操作。我应该使用函数吗?
<html>
<head>
<script>
function jsFunction(value)
{
if (value == 3)
{
alert ("selected value does not match.. Please select the correct one");
document.getElementById("ddl").selectedIndex = "0";
}
}
</script>
</head>
<body>
<select id ="ddl" name="ddl" onchange="jsFunction(this.value);">
<option value=""></option>
<option value='1'>One</option>
<option value='2'>Two</option>
<option value='3'>Three</option>
</select>
</body>
</html>
最佳答案
<html>
<head>
<script>
function jsFunction(_this)
{
var value = _this.value;
if (value == 3)
{
alert ("selected value does not match.. Please select the correct one");
_this.value = "";
document.getElementById("ddl").selectedIndex = "1";
}
}
</script>
</head>
<body>
<select id ="ddl" name="ddl" onchange="jsFunction(this);">
<option value=""></option>
<option value='1'>One</option>
<option value='2'>Two</option>
<option value='3'>Three</option>
</select>
</body>
</html>
关于javascript - 显示警报并将下拉菜单设置为默认值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34862210/