如何使用JavaScript选择下拉选项

时间:2014-07-12 00:12:32

标签: javascript jquery html

我正在编写一些在本网站上选择大小为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个小时,我已经在这个论坛周围进行了检查。似乎没有什么对我有用。任何帮助将受到高度赞赏。谢谢!

3 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

使用纯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;
    }
}

答案 2 :(得分:-1)

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