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();