首页 > 解决方案 > 图像未显示,即使我尝试从 html 数据表中获取图像并将其显示到 div

问题描述

我可以从 HTML 数据表中获取数据以将其设置到文本框中,现在我正在尝试从 HTML 数据表中获取图像并将其设置为 div,但图像没有出现。任何解决方案!

  //HTML code for image div
  <div class="down" id="imgS" >
  <a href="#" ><img src="images/IT.jpg"></a>
  </div>

 //HTML code for Id div 
 <div class="md-form mb-5" style="margin-left:130px;">
 <div class="input-group-prepend" >
 <span class="input-group-text">ID</span>
 </div>
 <input type="text" name="txtSId" id="txtSId" class="form-control">
 </div>

 //jQuery code
  <script>
  $(document).ready(function(){
  $("#dtBasicExample tbody").on('click','tr',function(){
  $("#txtSelect").text("1 row selected");    
  var rowData=$(this).children("td").map(function(){
  return $(this).text();
  }).get();
  $("#txtSId").val(rowData[0]);
  $("#imgS").html("<a href='#'><img src=rowData[3]></a>");
  });    
  });
  </script>

现在它适用于 Id,但我需要显示我的图像不起作用!

在此处输入图像描述

标签: javascriptphpjquery

解决方案


$("#imgS").html("<a href='#'><img src='"+rowData[3]+"'></a>");//add single qoute src=''

我希望这能解决你的问题。


推荐阅读