Javascript 在第一个菜单中输入答案后，第二个菜单延迟出现

我需要一个secend菜单出现，由第一个菜单中选择的答案提示。第二个菜单按预期显示，但显示太快（在选择后第一个菜单下拉链接消失之前）。有些人没有注意到第二个菜单出现了。我想延迟第二个菜单的出现，如果可能的话，可能会延迟1秒。有人能帮忙吗？我将在下面粘贴一个非常精简的版本：

<div align="center"><font color="#000080" size="6"><strong>Step 1</strong></font>
<form>
    <select style="background-color: #f81414; font-family: 'Arial'; color: #ffffff; font-size: 15pt; font-weight: bold" id="opts" onchange = "showForm()">
    <option value="0" selected="selected">Click Here to Select Brand</option>
    <option value="1">Bissell</option>
    <option value="2">Hoover</option>
    </select>
</form>
<br />
<div style="display: none" id="f1" align="center"><font color="#000080" size="6"><strong>Step 2</strong></font><br />
<form name="form1">
    <select style="background-color: #f81414; font-family: 'Arial'; color: #ffffff; font-size: 14pt; font-weight: bold" onChange="location=this.options[this.selectedIndex].value;">
    <option value="0" selected="selected">Click to Select Your Bissell Model</option>
    <option value="9400-proheat-2x-select-pet-deep-cleaning-series.html">Bissell 9400 2X Deep Cleaner Parts</option>
    <option value="9500-bissell-proheat-2x-.html">Bissell 9400 2X Deep Cleaner Parts</option>
    </select>
</form>
</div>
<div style="display: none" id="f2" align="center"><font color="#000080" size="6"><strong>Step 2</strong></font><br />
<form name="form2">
    <select style="background-color: #f81414; font-family: 'Arial'; color: #ffffff; font-size: 14pt; font-weight: bold" onChange="location=this.options[this.selectedIndex].value;">
    <option value="0" selected="selected">Click to Select Your Hoover Model</option>
    <option value="hoover-7069-conquest.html">Hoover U7069 Conquest Deep Cleaner</option>
    <option value="hoover-8055-conquest.html">Hoover U8055 Conquest Deep Cleaner</option>
    </select>
</form>
</div>
<script type = "text/javascript">
function showForm(){
var selopt = document.getElementById("opts").value;
if (selopt == 1) {
document.getElementById("f1").style.display="block";
document.getElementById("f2").style.display="none";
}
if (selopt == 2) {
document.getElementById("f1").style.display="none";
document.getElementById("f2").style.display="block";
}
}

</script>
</div>

步骤1
点击这里选择品牌
比塞尔
胡佛


步骤2

单击以选择您的Bissell型号
比斯尔9400 2X深度清洁剂零件
比斯尔9400 2X深度清洁剂零件
步骤2

单击以选择您的胡佛模型
胡佛U7069征服深层清洁剂
胡佛U8055征服深层清洁剂
函数showForm（）{
var selopt=document.getElementById（“opts”）.value；
如果（selopt==1）{
document.getElementById（“f1”）.style.display=“block”；
document.getElementById（“f2”）.style.display=“无”；
}
如果（selopt==2）{
document.getElementById（“f1”）.style.display=“无”；
document.getElementById（“f2”）.style.display=“block”；
}
}

setTimeout（）将对您想要延迟的任何函数进行延迟

if (selopt == 1) {
setTimeout(function(){
document.getElementById("f1").style.display="block";
document.getElementById("f2").style.display="none";}, 1000);

}

请注意，第二个参数“1000”是运行第一个参数中的代码之前所经过的毫秒数

---

延迟2秒。

很抱歉，stackoverflow.com有新消息。我没有看到“回答时标记”按钮？？明白了。还有一个问题。根本无法让链接框在Firefox中工作。当我单击它们时，什么也没有发生（）。我应该把这变成一个新问题吗？？再次谢谢你，达维迪你修好了吗？因为最初在firefox中，这个下拉列表对我不起作用。现在它开始工作了，一定很神奇。是的，它开始工作了。前天我在vacsite.com上安装了一个无右键单击/无选择sript。链接框在几种浏览器中仍然可以使用，但在firefox中不能。必须删除脚本中的“无选择”部分，并且只保留“无右键单击”。再次感谢。一切都很好！戴夫