javascript - HTML 5 Webページでインデックスの代わりに配列値を表示する方法

Question

配列を作成しているWebページがありますが、名前付けのために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>';
}

ここでは代わりに j index このように DRAXIN PI.pdf のような値の名前が必要です

Answer 1

変化する

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

に

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