Tengo un modal y quiero mostrar la imagen seleccionada en otro div, pero no puedo obtener la imagen src, dice indefinido.
Si hay una manera más fácil de mostrar la imagen seleccionada en un div específico, házmelo saber.
function testFunction() { var imagesrc = document.getElementsByClassName("selected").src; document.getElementById("deneme").innerHTML = '<img src="' + imagesrc + '" >'; } <div class="modal fade" id="hazirresim" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLongTitle">Kategori Hazır Resimleri</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <input type="image" src="images/lol-1.jpg" class="selectable" height="250" width="250" style="padding-right: 3px;padding-bottom: 3px;"> <input type="image" src="images/lol-1.jpg" class="selectable" height="250" width="250" style="padding-right: 3px;padding-bottom: 3px;"> <input type="image" src="images/lol-1.jpg" class="selectable" height="250" width="250" style="padding-right: 3px;padding-bottom: 3px;"> <input type="image" src="images/lol-1.jpg" class="selectable" height="250" width="250" style="padding-right: 3px;padding-bottom: 3px;"> <input type="image" src="images/lol-1.jpg" class="selectable" height="250" width="250" style="padding-right: 3px;padding-bottom: 3px;"> <input type="image" src="images/lol-1.jpg" class="selectable" height="250" width="250" style="padding-right: 3px;padding-bottom: 3px;"> </div> <div class="modal-footer"> <button onclick="testFunction();" type="button" class="btn btn-info btn-lg btn-block">EKLE</button> </div> </div> </div> </div>