如何使用javascript在for循环中检索下拉列表选项中的值答案

【问题标题】：how to retrieve the values in options of dropdownlist in for loop using javascript如何使用javascript在for循环中检索下拉列表选项中的值
【发布时间】：2015-03-11 15:11:54
【问题描述】：

我正在使用以下 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”中的值

【问题讨论】：

每次循环都重新创建e 变量。它也适用于 for 循环 - 即循环完成后它不存在。我想你得到'未定义'作为输出？编辑：scratch-that，我可以看到输出是最后一个选项的值，对吗？
你能提供一个小提琴或你的HTML代码吗？

标签： javascript html

【解决方案1】：

试试这个

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;
        }

    }

【讨论】：

【解决方案2】：

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(",");
}

【讨论】：

【解决方案3】：

您的变量 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;
}

【讨论】：