如何在HTML文本块中显示我的var数组名称?

时间:2019-05-23 08:40:43

标签: javascript html

我想在文本块中显示我的var数组名称。这些需要根据在我的表单中打勾的方框进行更改。

现在,我可以显示数组中的值,但是我也需要显示实际名称。我对编码非常陌生,很难找到合适的词来描述我的问题,因此找不到任何解决方案。我希望你能帮助我。

var color_prices = new Array();
color_prices["Orange"]=1;
color_prices["Blue"]=2;
color_prices["Green"]=3;

function getColorPrice()
{
    var ColorPrice=0;

    var theForm = document.forms["order-form"];

    var selectedColor = theForm.elements["COLOR"];

    for(var i = 0; i < selectedColor.length; i++)
    {
        if(selectedColor[i].checked)
        {

            ColorPrice = color_prices[selectedColor[i].value];

            break;
        }
    }
    return ColorPrice;
}

var colorPrice = getColorPrice();

document.getElementById('colorPrice').innerHTML = colorPrice.toFixed(2);

现在,我在线上“偷”了一些代码以在html中显示“ orange”的值(因此为“ 1”),此方法有效,但我不知道如何在html中显示值“ orange”。 / p>

我希望我能正确解释。

1 个答案:

答案 0 :(得分:0)

一个解决方案可能是将您的ColorPrice变量更改为一个对象,以便能够存储颜色价格和颜色名称,在我的示例中,我还将变量名称更改为{{1 }}以更全面地描述其中包含的内容

colorDetails