将 javascript 添加到由 javascript 生成的 html 中

Question

我正在编写一个有点复杂的 sweetalert 弹出窗口，使用其内置的 "html" 命令：

swal({   
    title: "Popup",
    html:     
      '<p style="font-family:Capriola, sans-serif;font-size: 19px;">' +                  
      '<b>'+title+'</b><br>' +
      '<b>Update Matching</b>' +
      '<div class="input-group">' +
        '<div class="input-group-btn">' +           
          '<button type="button" class="btn dropdown-toggle btn-primary" data-toggle="dropdown" aria-expanded="false">Dropdown<span class="caret"></span></button>' +
          '<ul class="dropdown-menu " role="menu" style="width: 245px;">' +      
            '<li class="dropdown-submenu">' +              
                ''+for(var i=0;i<newList.length;i++){+'<li>'+ newList[i]+'</li>' +}' +                                                                  
            '</li>' +                                                             
          '</ul>' +
        '</div>' +                  
      '</div>' +            
      '' +      
      '' +
      '<input id="uNew" type="text" class="form-control roboto" placeholder="New Owner">' +
      '<input disabled id="uCurrent" type="text" class="form-control roboto" placeholder="Current Owner">' +      
      ' <i id="search" onclick="updatebPMNA()" class="fa fa-check-circle fa-2x fa-green"></i>' +
      '</div>' +
      '<br>' +                        
      '</p>',
    showCancelButton: false,
    showConfirmButton: false,
  },

我正在尝试创建一个下拉菜单并根据 javascript 对象 newList 中的数据填充它，该对象在 PHP功能。

我运行遇到这行代码的问题：

'<li class="dropdown-submenu">' +              
 ''+for(var i=0;i<newList.length;i++){+'<li>'+ newList[i]+'</li>' +}' +                                                                  
'</li>' +

如果我取出 for 循环，我可以用单个 <li> 填充 select，代码将运行，所以我确定是引起戏剧性的台词。

我知道我可以将 javascript 重新插入其中，因为这条线有效：

'<b>'+title+'</b><br>' +

我只是不确定是否可以插入整个 for 循环...

我做错了什么？

Answer 1

将这些语句分开：

var htmlstr = '...'
...
+ '<li class="dropdown-submenu">';


 for( var i=0; i<newList.length; i++ ){
   htmlstr += '<li>'+ newList[i]+'</li>'; 

 htmlstr += '</li>';

然后

swal({   
    title: "Popup",
    html: htmlstr,
...

将 javascript 添加到由 javascript 生成的 html 中

add javascript into html generated BY javascript

javascript

jquery

sweetalert