Невозможно получить, изменить элемент изображения в форме

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>

Моя попытка изменить src в той же функции JavaScript:

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

Это не ход.

---

Заключение

Отлично, Адаршр.Спасибо за помощь!У меня есть скрытое подозрение, что мои квадратные скобки были главной причиной моей проблемы;тем не менее, я очень ценю вашу помощь!

Answer 1

Просто сделать это должно помочь

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

, а в JS,

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