Javascript-进行下拉选择

Javascript-进行下拉选择,javascript,Javascript,我是javascript的新手,尝试自动选择下拉字段。我可以使用getElementsByClassName()函数在打开下拉列表进行大小选择 现在,如果我查看网站,下拉列表中的不同大小似乎是由数据值字段标识的,而不是ID、classname或类似的字段。有关于如何告诉javascript在下拉列表中选择内容的帮助吗 谢谢 Felix我的解决方法是使用属性“data target”通过查询选择器查找适当的“a”标记,然后通过查看这些“a”标记文本来搜索所需的大小,并通过编程方式单击它来选择特定的

我是javascript的新手,尝试自动选择下拉字段。我可以使用
getElementsByClassName()
函数在打开下拉列表进行大小选择

现在,如果我查看网站,下拉列表中的不同大小似乎是由数据值字段标识的,而不是ID、classname或类似的字段。有关于如何告诉javascript在下拉列表中选择内容的帮助吗

谢谢
Felix

我的解决方法是使用属性“data target”通过查询选择器查找适当的“a”标记,然后通过查看这些“a”标记文本来搜索所需的大小,并通过编程方式单击它来选择特定的标记

这看起来像:

var a = document.querySelectorAll("a[data-target='#product-form-select']");
for(var i=0;i<a.length;i++){
    if("36"==a[i].innerText){ //change 36 with required size
        var x=a[i];
        x.click();
        break;
    }
}
var a=document.querySelectorAll(“a[data target='#product form select']);

对于(var i=0;i请注意,此代码取决于具有相同结构和下拉元素类名的页面源代码

var dropdowns = document.getElementsByClassName("product-form-dropdown-btn");
if(dropdowns.length > 0){
    var dropdown = dropdowns[0];
    var items = dropdown.parentNode.getElementsByClassName("dropdown-item");
    for(var i = 0; i < items.length; i++){
        if(items[i].innerText.trim() == "36"){
            dropdown.click();
            items[i].click();
            break;
        }
    }
}
var dropdowns=document.getElementsByClassName(“产品表单下拉列表btn”);
如果(dropdowns.length>0){
var dropdown=下拉列表[0];
var items=dropdown.parentNode.getElementsByClassName(“dropdown item”);
对于(变量i=0;i