Javascript 如何在Modal上传递图像src Jquery

我需要你的帮助。这就是我的问题
如何从模式传送图像src
我使用循环，数据在每个循环上动态变化

下面是如何将val传递给模式中的字段

    <td><a href="" class="announce" data-toggle="modal" data-target="#myModal3" data-id="<?php echo $key->feedback?>" 
    data-name="<?php echo $key->report_by?>" data-title="<?php echo $key->recipe_title?>" data-violator="<?php echo $key->violator?>" 
    data-pic="<?php echo base_url()?>uploads/recipe/<?php echo $key->pic?>">

---

除了pic之外的所有东西都在进行吗？还有，你的类
在html中的公告
在哪里？pic的src在哪里？@NanaPartykar我已经编辑了我的代码。对不起
<script>
$(document).ready(function(){
   $(".announce").click(function(){ // Click to only happen on announce links
     $("#letter").val($(this).data('id'));
     $("#violator").val($(this).data('violator'));
     $("#reporter").val($(this).data('name'));
     $("#title").val($(this).data('title'));
     $("#pic").val($(this).data('pic'));
     $('#createFormId').modal('show');

   });
});   </script>

<div id="myModal3" class="modal fade " role="dialog">
    <div class="vertical-alignment-helper">
        <div class="modal-dialog vertical-align-center modal-md">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span>

                    </button>
                     <center><h2 class="modal-title " id="myModalLabel"><span style="  color: #FE980F;  font-family: abel;font-size: 27px; text-transform: uppercase;">
              </span>

              <span style="color:black;">Additional details</span></h2></center>

                </div>
                <div class="modal-body">
                 // here is the problem I dont know what to put here.
                  Recipe Image:
                   <img src="" style="height:150px;width:150px;> 
                    <br>
                    Recipe Name:
                    <input type="text" id="title" class="form-control" readonly>
                    <br>
                    Violator: 
                    <input type="text" id="violator" class="form-control" readonly>
                    <br>
                    Report by:
                    <input type="text" id="reporter" class="form-control" readonly>
                    <br>
                    Additonal Information:
                    <textarea type="text"  id="letter" style="width:100%;height:300px;resize:none;"  readonly ></textarea>
                </div>

            </div>
        </div>
    </div>
</div>