javascript - HTML - 对象数组？

Question

不确定这是否是正确的标题，所以如果不是，那么我很抱歉。但是，我正在尝试做的是这个。有一个存储产品名称、价格和数量的数组。对于使用 HTML 中的下拉框输入的多个产品。目前我有这个。

var cart = new Object();

function main(uValue)
{
    //Get the value from the drop down
    var value = uValue.value;
    //Add on to the page the new value
    printOnPage(value);
    //Add 
    cart = addItem(value);
    printOnPage(cart);

}

function addItem(input)
{
    //cart.push(input);
    //return cart;

    //look up id in assoc. array
    //cart.numInCart++;
    cart.Amount = input;
    return cart;
}
function removeItem()
{
    cart.splice(1,1);
    return cart;
}

function printOnPage(input)
{
    var para = document.createElement("p");
    var paymentDiv = document.getElementById("payment");
    paymentDiv.appendChild(para);
    var txt = document.createTextNode(input);
    para.appendChild(txt);
}

然后这是与此相关的 HTML。

<div class="item">
                <p>Faster than light car</p>
                <img src="i/toycar.jpg" width="85%" height="85%" alt="ToyCar" title="#WickCar">
                <p>Cost: £10 per item</p>

                <form name="form1" method="POST">
                    <select name="values" onchange="main(this)" >
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                        <option value="5">5</option>
                        <option value="6">6</option>
                        <option value="7">7</option>
                        <option value="8">8</option>
                        <option value="9">9</option>
                    </select>
                </form>
            </div>

好的，有几个问题。 1)我这样做是正确的吗？ 2) 为什么当我想查看数组的内容时得到的是 [object Object]

有更好的方法吗？

谢谢，希望有大神能指点一下。

Answer 1

将 printOnPage(cart); 更改为 printOnPage(cart.Amount);

看起来您正在尝试输出 cart，它是一个对象，而不是 cart 中某个键的值之一。