JS関数のパラメータとして文字列を追加すると奇妙な出力が発生する

Question

"a"タグを作成し、JQueryの.innerHTML関数を使用してdivを追加する関数を持っています。関数onclickを定義しようとすると、パラメータとして文字列を呼び出して渡します。ただし、コードを実行すると文字列が変わり、空白はこれで置き換えられます（= ""）。同じ文字列がタグ内の他の場所で使用され、正しく印刷されているために奇妙です。ここに私のコード：

var companies = companyString.split(","); 
var dropDown = document.getElementById('myDropdown'); 

for (var item in companies){ 
    var str = "World Wrestling Entertainment"; //example 

    dropDown.innerHTML = dropDown.innerHTML + "<a href='#' onclick='filterCompany('"+str+"')'>"+str+"</a>"; 
} 

任意のアイデア？

おかげ

このとしてHTMLに吐き出すます：

<a href="#" onclick="filterCompany(" world="" wrestling="" entertainment')'="">World Wrestling Entertainment</a> 

Answer 1

あなただけの引用が少しをマーク混乱しました。これはうまくいくはずです：

var companies = companyString.split(","); 
var dropDown = document.getElementById('myDropdown'); 

for (var item in companies){ 
    var str = "World Wrestling Entertainment"; //example 
    dropDown.innerHTML = dropDown.innerHTML + '<a href="#" onclick="'+'filterCompany('+"'"+str+"'"+')'+'">'+str+'</a>'; 
}