为什么一旦通过javascript按钮更改了选择值，我就不能通过html选择选择值？_Javascript_Html_Select

为什么一旦通过javascript按钮更改了选择值，我就不能通过html选择选择值？

javascript html select

为什么一旦通过javascript按钮更改了选择值，我就不能通过html选择选择值？,javascript,html,select,Javascript,Html,Select,至少对我这样的新手来说，我注意到了这件奇怪的事。我附加了JSFIDLE脚本：步骤： 1选择其中一个值 2点击显示 3重置 4再次选择 5显示。。。这一次似乎没有被定义 <!DOCTYPE html> <body> <select id="test" name="" class="form-control"> <option value="0">Choose...</option> <op

至少对我这样的新手来说，我注意到了这件奇怪的事。我附加了JSFIDLE脚本：

步骤： 1选择其中一个值 2点击显示 3重置 4再次选择 5显示。。。这一次似乎没有被定义

<!DOCTYPE html>
<body>
    <select id="test" name="" class="form-control">
        <option value="0">Choose...</option>
        <option value="foo">foo</option>
        <option value="boo">boo</option>
    </select>

    <button id="btn_1">Display</button>
    <button id="btn_2">Reset</button>
    <p id="result"></p>

</body>

<script type="text/javascript">

    let test = document.getElementById("test");
    let btnDisplay = document.getElementById("btn_1");
    let btnReset = document.getElementById("btn_2");
    let p = document.getElementById("result");

    btnDisplay.onclick = function(){
        console.log(test.value)
        p.innerHTML = test.value;
    }
    btnReset.onclick = function(){
        test = document.getElementById("test").value = "0";
    }
</script>

知道为什么吗？

您正在将测试值重新分配给重置时选择框以外的其他对象

       test = document.getElementById("test").value = "0";

只需摆脱重新分配：

      document.getElementById("test").value = "0";

例子： let test=document.getElementByIdtest；让btnDisplay=document.getElementByIdbtn_1；设btnReset=document.getElementByIdbtn_2；设p=document.getElementByIdresult； btnDisplay.onclick=函数{ console.logtest.value p、 innerHTML=test.value； } btnReset.onclick=函数{ document.getElementByIdtest.value=0； } 选择福喝倒采陈列重置

您正在将测试值重新分配给重置时选择框以外的其他对象

       test = document.getElementById("test").value = "0";

只需摆脱重新分配：

      document.getElementById("test").value = "0";