html 5 웹 페이지의 인덱스 대신 배열 값을 표시하는 방법

Question

웹 페이지가 있는데 배열을 만드는 중입니다. 이름은 0.pdf와 같은 인덱스가 표시되지만 인덱스가 0이면 다시 실행해야합니다. 이름을 지정하고 여기에 코드에 주어진 장소가 .PDF 이름을한다 o.pdf 나의 배열

여기

var ad = ['ADVOCIN PI', 'DRAXXIN PI', 'EXCEDE PI', 'FLUNIXAMINE PI', 'NAXCEL PI', 'LIQUAMYCIN LA 200 PI']; 
var con = document.getElementById('first_div'); 
var charr = document.getElementById('search_input').value; 

var charr2 = charr.toUpperCase(); 
var str = ''; 
var j = 0; 
var len = ad.length; 
var break_line = '<tr><td></td><td colspan="4" align="right"></td></tr><tr><td></td><td colspan="4" align="right"></td></tr><tr><td></td><td colspan="4" align="right"></td></tr><tr><td></td><td colspan="4" align="right"></td></tr><tr><td></td><td colspan="4" align="right"></td></tr>'; 
for (j = 0; j < len; j++) { 
    var str = ad[j]; 
    var n = str.indexOf(charr2); 
    if (n == 0) 
     con.innerHTML += '<table id="results2" width="100%" border="1" style="margin:-68px 0 0 -2px; top:190px; bottom:100px; left:200px;"><tr><td>' + str + '</td><td colspan="4" width="6%" align="right"><a href="presenter.command(\'viewPdf\',{\'path\':%20\'/images/pdf/animal/Beef/' + j + '.pdf\'});">  <img src="images/view.png" style="margin-left:-227px; position:absolute;"></a><img src="images/email.png" id="' + j + '" onClick=mytest(this) style="position: absolute;margin-left: -145px;"/><img src="images/include_in_email.png" onClick=one_chk' + j + '() style="position: absolute;margin-left: -68px;"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input id="chk' + j + '" type="checkbox" name="click_1" value="" style="position: absolute;margin-top: 54px;margin-left: -73px; z-index:5;"> <img src="images/button.png" style="position: absolute;margin-top: 42px;margin-left: -87px;">&nbsp;</td></tr>' + break_line + '<img src="images/line.png" style="margin-bottom:-28px;"></table>'; 
} 

대신 J 지수 내가 DRAXIN PI.pdf 같은 값 이름을 원하는이

Answer 1

변경 등의

/animal/Beef/'+j+'.pdf\'});" 

to

/animal/Beef/' + str + '.pdf\'});"