Chrome扩展程序会自动提交表单

Question

我刚开始构建chrome扩展程序，我正在尝试创建一个会自动选择项目大小然后提交表单的程序。我有正确的大小选择，但它没有提交表单。我尝试使用click（）函数单击按钮，但它也不起作用。

以下是来自表格的按钮html编码：

<form action="http://*************HRtbA,,/product/102374/" method="post" id="product_addtocart_form">
<button type="button" data-track-event="Product Page - Add to Cart" title="Add to Cart" class="button btn-cart" onclick="productAddToCartForm.submit(this)">`

这是我的代码：

function fRun()
{
    // Select size option.
    var sizesList=document.getElementsByName("super_attribute[138]")[0];
    for(var i=0; i<sizesList.length; i++)
    {
        if(sizesList.options[i].text.trim() == size_i_want)
        {
            sizesList.selectedIndex = i;
            var input = document.getElementsByClassName("button btn-cart");
            input.click();
        }
    }

感谢任何帮助。

Answer 1

getElementsByClassName返回一个元素数组，而不是单个元素，因此您需要索引输入变量以获得所需的实际元素。

input[0].click();