我们可以使用javascript的document.getElementById方法检索下拉栏的默认选定值吗？

我想使用javascript获取下拉栏的默认值

在下面的代码中

alertdocument.GetElementById下拉列表.selected 沃尔沃汽车 萨博 大众汽车 奥迪 仅使用价值：

console.logdocument.getElementByIdselement.value； 沃尔沃汽车 萨博 大众汽车 奥迪

---

在本例中，我们在DOMContentLoaded处获取默认值并将其存储

让默认值； document.addEventListener'DOMContentLoaded'，=>{ defaultValue=document.querySelector'selement'。值； }; document.addEventListener'change'，e=>{ ife.target.matches'selement'{ console.log`Default:${defaultValue}-选中：${e.target.value}`； } }; 沃尔沃汽车 萨博 大众汽车 奥迪 您可以使用.select测试是否选择了一个选项元素，这样您就可以遍历所有选项并获得所选选项的值，如下所示：

function getSelectedValue(dropDownId) {

    var options = document.getElementById(dropDownId).children;

    for (option of options) {
        if (option.selected) {
            return option.value;
        }
    }
}

其中dropDownId是选择元素的id

---

但是，由于所选选项将由用户更改，因此您可以在页面加载脚本后立即将默认所选选项的值存储在一个变量中，例如使用一个简单的全局变量，如var defaultValue=getSelectedValuemy drop

是否尝试使用.value？可能重复@KrishnaPrashatt.value返回用户选择的值。如果用户选择Saab，如果我使用.value，则返回“Saab”，但即使用户没有选择，我也希望获得“audi”值@ObitoUchiha你控制HTML吗？我假设不管用户选择了什么，您都希望获得默认值？@ObitoUchiha我添加了一些示例代码。但是如果你能控制HTML。我想提出不同的建议，让我再添加一个片段。让默认值；document.addEventListener'DOMContentLoaded'，=>{defaultValue=document.querySelector'seElement.value；}；document.addEventListener'change'，e=>{ife.target.matches'seElement'{console.logDefault:${defaultValue}-选中：${e.target.value}；}；这是我从您那里获取并在标记中执行的代码，但它似乎不起作用，控制台没有显示任何内容！您可以在Repl.it或sandbox.io中发布代码吗？我们可以看看那里。