这是我的代码：
<html>
<head>
<script>
function changeDate(option) {
var selectList = document.getElementById("catProdAttributeItem");
if (option == 0) {
selectList.selectedIndex++;
} else if (option == 1 && selectList.selectedIndex > 0) {
selectList.selectedIndex--;
}
}
</script>
</head>
<body>
<img src="img1.jpg" onclick="changeDate(0)">
<img src="img2.jpg" onclick="changeDate(1)">
<select id="pa_colour" name="attribute_pa_colour">
<option value="">Choose an option…</option>
<option value="black" class="active">Black</option>
<option value="blue" class="active">Blue</option>
<option value="red" class="active">Red</option>
<option value="white" class="active">White</option>
</select>
<div id="catProdAttributeItem">
<select>
<option id="1">One</option>
<option id="2">Two</option>
<option id="3">three</option>
<option id="4">Four</option>
</select>
</div>
</body>
</html>
在此代码中，我要执行的操作是当用户单击图像时，选择选项值将更改。
如果
<select id="list">选择具有ID，它将正常工作，但是在我的情况下，选择选项没有ID，但是在选择之前有一个类"catProdAttributeItem"。如何使其与document.getElementById并选择选项一起使用？
最佳答案
Select元素是Div的子元素，因此您需要访问该子元素。为此，请使用以下命令：
var selectList = document.getElementById("catProdAttributeItem").children[0];
这是工作示例：http://jsfiddle.net/spdX3/
关于javascript - 请提供有关“document.getElementById”的Javascript帮助，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19550045/