Javascript 引导如何在同一窗口中显示所选图像（来自img src="；）？

我正在尝试在同一窗口中显示所选图像。我有两个表单。第二种形式是图像。我需要在我的第一个div cals中显示所选图像。因为我是新手，我不知道怎么做。谁能帮我解决这个问题。多谢各位

<div class="col-sm-12">
        <div class="col-sm-3"></div>
        <div class="col-sm-6">         
              <form  method="POST" action="information.php">
                 <div class="">
                     <p> Your Book TCS </p>
                 </div>
              </form>
            </div>
        <div class="col-sm-3">

      // I NEED TO SHOW THE IMAGE HERE

            </div>
    </div>


<div class="col-sm-12">
   <div class="col-sm-3"> </div>
     <div class="col-sm-6">
       <div class="form2"> 
            <div class="row">
                 <div class="column">
    <img src="img/image.png" class="rounded float-left" alt="Cinque Terre">

                  </div>
             </div>
          </div>
     </div>
    <div class="col-sm-3"></div>

你的书

//我需要在这里显示图像

OP没有具体说明图像是如何到达那里的，比如用户需要单击按钮还是加载时发生？此演示有9个缩略图，单击后，将显示所述缩略图的较大图像

演示

var view=document.getElementById（'view'）；
var list=document.getElementById（'list'）；
list.addEventListener（'click'，discover，false）；
功能显示（e）{
如果（e.target！==e.cyurrentTarget）{
var tgt=e.target；
var src=tgt.src；
view.querySelector（'img'）.src=src；
}
}

#列表{
保证金：0自动；
}
李{
显示：内联块；
}
#查看img{
显示：块；
保证金：0自动；
}

我可以在第一次加载页面时显示其中一幅图像吗？确实可以，先生。我在演示中把

src

留空，所以您需要做的就是将

src

添加到您想要的

img

中。