Question

我正在编写一些在本网站上选择大小为10.5的内容： http://www.ruvilla.com/new/men/footwear/nike-air-foamposite-one-concord.html

目前，我正在使用Google Chrome控制台测试我的代码。这是我的代码：

document.getElementsByClassName('villa-lb-span').getAttribute = "10.5".select;

Google Chrome控制台的结果是“未定义”。我的目标是选择大小10.5 ...有人可以请我提供一些关于我的代码的反馈吗？

尺寸存储在下拉列表中。我只是不确定为什么我的代码不起作用。我已经在这工作了大约2个小时，我已经在这个论坛周围进行了检查。似乎没有什么对我有用。任何帮助将受到高度赞赏。谢谢！

Answer 1

非常简单地将下拉列表节点的value属性设置为您要将其更改为的值。

document.getElementById('attribute196').value = 184;//since that is the value of the 10.5 option

Answer 2

使用纯JavaScript，您需要做一些工作。迭代选项，然后选择值：

var options = document.getElementById('attribute196').options; //Get all the options of the dropdown
for (var i = 0; i < options.length; i++){
    if (options[i].value == "184") { //The '10.5' option has a value of "184" 
        options[i].selected = true;
        break;
    }
}

Answer 3

document.querySelector('.villa-lb-span').options[document.querySelector('.villa-lb-span').selectedIndex].value;

如何使用JavaScript选择下拉选项

3 个答案: