変数と文字列の連結が正しくない

Question

別のページに引数を渡したいが、それは未定義であることがわかる。

getAccount（）はjsonのリストを返します。まず、これらのjsonオブジェクトをHTMLで1つずつ表示し、ユーザーがそれぞれをクリックすると、accDetail [i] .accNoはローカルストレージとして設定され、次のページに渡されます。

var accDetail=getAccounts(); 


for(var i =0;i<accDetail.length;i++) { 
    document.getElementById("demo").innerHTML+='<a href="accountdetails.html" onclick="getAcc('+accDetail[i].accNo+')">'+accDetail[i].accNo +'</a>'+' '+ accDetail[i].accType+' '+ accDetail[i].balance+'<br>'; 

}

これは、ローカルストレージとしての項目を設定する機能です。

function getAcc(item) 
{ 
    localStorage.setItem("accNo",item); } 

私はそれが間違って連結している方法ですか？

Answer 1

あなたonclickハンドラは、文字通りgetAcc(accDetail[i].accNo)（エレメントを点検で見てみてください）、accDetailは、イベントハンドラ内で定義されていないため動作しませんどのになるだろう。 getAcc(0)、getAcc(1)など、0,1が異なるaccNoを書き込むようにJavaScriptを変更する必要があります。ここで

がうまくいけば、あなたの問題を解決するためにそれを拡張することができ、私が書いた小さな例です。

var accNo = [1, 2, 3, 4]; 
    for(var i = 0;i < accNo.length; i++) { 
    var line = '<a href="accountdetails.html" onclick="getAcc(' + accNo[i] + ')">' + accNo[i] + '</a> <br>'; 
    console.log(line); 
    document.getElementById("demo").innerHTML += line; 
    } 

Answer 2

まず、あなたの関数が正しい値

ではなく

function getAcc(item) 
{ 
    localStorage.setItem("accNo",item); 
} 

Replace with 

をウィンドウオブジェクトを使用してみてください取得していることを確認します

function getAcc（アイテム）
{
console.log（item）; // 項目が正しく定義されていないことを確認してください。
window.accNo = item;
}

そして、あなたはちょうどwindow.accNo