2017-03-15 2 views
-1

아래 기능으로 이미지를 삽입하는 사람이 나를 도와 줄 수 있습니까? campaignid 및 campaignname 값을 반환하는 json 객체를 사용했습니다.이미지 태그 사용 방법

<script>function searchedCampaigns(data) { 
if (data[0].length > 0) { 
var searchcmp = ""; 
for (var j = 0; j < data[0].length; j++) { 
var input = document.createElement("input"); 
console.log(input.name); 
searchcmp += '<input type="checkbox" id=' + data[0][j].campaignId + ' name=' + data[0][j].campaignName + '/>' + 
       **// image to be inserted here**   
+ data[0][j].campaignName + '<br/>'; // value 
} 
$("#newcamp").html(searchcmp); 
}}</script> 

출력은 내가 체크 박스뿐만 아니라 캠페인 이름을 얻고이

output should be this

해야한다. 나는이 둘 사이에 이미지를 원한다.

또한
<input type="checkbox"><img src="Image.PNG">Test</img></input> 

, 당신의 코드를 기반으로, 그것은 다음과 같이 업데이트 할 수 있습니다 :

searchcmp += '<input type="checkbox" id=' + data[0][j].campaignId + ' name=' + data[0][j].campaignName + '><img src=' + YOUR_URL_LOCATION + ' />' + data[0][j].campaignName + '</input><br/>'; 

이 YOUR_URL_LOCATION의 JSON 될 또는 수

답변

0

난 당신이 같은 코드를 제안한다 다른 곳.

이 같은 것을 표시하는 것이 아니라

enter image description here

1

으로 간단한 .. 여기

searchcmp += '<input type="checkbox" id=' + data[0][j].campaignId + ' name=' + data[0][j].campaignName + '/>' + 
      '<img src="'+yourimageurlfromdata+'"/>'+ 
      'data[0][j].campaignName + '<br/>'; 
+0

데이터는 캠페인 ID 및 캠페인 이름을 반환합니다. – Nidhi

+0

그래서'src' 이미지를 얻을 수 있을까요? –

+0

프로젝트 | _ 웹 페이지 | _ 이미지 | 을 _icon.png이 내 프로젝트의 구조입니다. 이미지의 위치를 ​​반환하는 함수를 작성해야합니까? 그렇다면 어떻게해야할까요? – Nidhi