如何使用 JavaScript 在 for 循环中检索下拉列表中的值

how to retrieve the values in options of dropdownlist in for loop using javascript

本文关键字：检索 下拉列表 循环 何使用 JavaScript for      更新时间：2023-09-26

我使用以下 html 代码作为选择标签： 苹果 橙 菠萝 香蕉 我正在使用以下函数使用 for 循环检索下拉列表中的值

function mySelectval()
{
    var sel = document.getElementById("mySelect").options.length;
    for(var i = 0 ; i < sel ; i++)
    {
        var e = document.getElementById("mySelect").options[i].value;
    }
    document.getElementById("demo").innerHTML = e;
}

当我单击按钮时，我没有获得"e"中的值

试试这个 

function mySelectval()
    {
        var sel = document.getElementById("mySelect").options.length;
        for(var i = 0 ; i < sel ; i++)
        {
            var e = document.getElementById("mySelect").options[i].value;
            document.getElementById("demo").innerHTML = e +','+ document.getElementById("demo").innerHTML;
        }
    }

function mySelectval()
{
    var sel = document.getElementById("mySelect").options.length,
    e=[];
    for(var i = 0 ; i < sel ; i++)
    {
        e.push(document.getElementById("mySelect").options[i].value);
    }
    document.getElementById("demo").innerHTML = e.join(",");
}

你的变量 e 的作用域只限定为 for 循环。将其放在外部，然后确保将其连接起来。

function mySelectval()
{
    var sel = document.getElementById("mySelect").options.length;
    var e = ''; //  Set it outside the loop
    for(var i = 0 ; i < sel ; i++)
    {
        // concatenate it
        e += document.getElementById("mySelect").options[i].value + ", ";
    }
    document.getElementById("demo").innerHTML = e;
}
相关文章：