无法检索，修改表单中的图像元素

Question

我在通过下拉菜单（select元素）选择更改页面上显示的图像时遇到了一些问题。

当我做出选择时，让下拉菜单给我一个提醒工作正常：

function imageSelect()
{
  var index = document.getElementById("myForm").availableImages.selectedIndex;  
  var value = document.getElementById("myForm").availableImages.options[index].value;

  alert("test " + value); // alert box pops up upon list item selection
}

即使select元素嵌入在分区，段落和标签标记中，它仍然有效。 （“availableImages”是此元素的名称）

然而，在同一个功能中，我遇到了更改图像标签来源的问题......有什么想法吗？

相关标记

<label id = "pics">
  <br />
  <img name = "pic"src = "museum.jpg" alt = "Temp Image"/> <!-- place holder image-->
  <br />
</label>

我尝试在同一个JavaScript函数中更改src：

document.getElementById["myForm"].getElementById["centreDiv"].getElementById["pics"].pic.src = "wolves.jpg";

这是不行的。

---

结论

完美，Adarshr。谢谢您的帮助！我怀疑我的方括号是我问题的主要原因;尽管如此，我非常感谢你的帮助！

Answer 1

这样做应该有帮助

<img name="pic" id="picId" src="museum.jpg" alt="Temp Image"/> <!-- place holder image-->

和JS，

document.getElementById('picId').src = 'wolves.jpg';