如何在HTML中顯示數組值而不是索引5網頁

Question

我有一個網頁，我正在創建一個數組，現在它顯示的索引像0.pdf命名，但我希望如果索引爲0，那麼它應該反彈名稱和地點o.pdf在這裏給出的代碼應該有命名的.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>'; 
} 

在這裏，而不是Ĵ指數我想值名稱，如DRAXIN PI.pdf這樣

Answer 1

變化

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

到

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