字符串作为参数值放置时不会转换为大写

Question

我正试图在onclick函数中放置一个动态参数值。问题是，它似乎将其转换为小写，并在其前面添加了额外的空间。如有任何帮助，我们将不胜感激，谢谢。

这是我的代码的codepen.io：http://codepen.io/theller5567/pen/GZwBrE?editors=1010

这是我的功能：

createList: function(scope){
      var country = scope;
      var cc = country.countryCode;
      var ccc = cc.toUpperCase();
      console.log(ccc);
      if(ccc){
         var listItem = '<li><a href="#" onclick="setCountry("'+ccc+'","'+country.country+'");getDistribution(event);">'+country.country+'</a></li>';
         return listItem;
      }
 },

以下是一个列表项在dom中的样子示例：

<a href="#" onclick="setCountry(" il","israel");getdistribution(event);">Israel</a>

控制台日志将显示所有大写的国家/地区代码，但dom中的代码显示为小写，并且在其前面有一个额外的空格。

Answer 1

我的串联引号错了。

createList: function(scope){
      var country = scope;
    var cc = country.countryCode;
    var ccc = cc.toUpperCase();
    console.log(ccc);
    if(ccc){
      var listItem = '<li><a href="#" onclick="setCountry('+ccc+','+country.country+');getDistribution(event);">'+country.country+'</a></li>';
      return listItem;
    }
    },