如何使用javascript检索for循环中dropdownlist选项中的值

时间:2015-03-11 07:04:16

标签: javascript html

我对select标签使用以下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;
}

当我点击按钮时,我没有得到&#34; e&#34;

中的值

3 个答案:

答案 0 :(得分:0)

试试这个

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

    }

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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