Html动态按钮onclick下拉onchange无法正常工作

Question

htmlButton = '<div class="col-md-2 col-sm-12 padding5px"><button id =' + result[i].DivisionID + ' class= "btn btn-primary elmer_button" type="button" Name=' + result[i].DivisionName + ' onclick="RedirectLogIn(' + result[i].DivisionID + ')">' + result[i].DivisionName + '</button></div>'

var RedirectLogIn = function (item) {
    alert(item);
};

Answer 1

由于我不知道您的数组中有什么以及何时/如何/在何处将“htmlButton”添加到DOM中我只能假设

result[i].DivisionID

不包含双引号。 因此，当您尝试使用它来设置名称并将其作为元素分配给RedirectLogIn时，它只是放置元素的内容而没有必要的标记。

尝试这样的事情

htmlButton = '<div class="col-md-2 col-sm-12 padding5px">';
htmlButton += '<button id="' + result[i].DivisionID + '" '; 
htmlButton += 'class= "btn btn-primary elmer_button" type="button" name="'; 
htmlButton += result[i].DivisionName; 
htmlButton += '" onclick="RedirectLogIn("'; 
htmlButton += result[i].DivisionID;
htmlButton += '")">';
htmlButton += result[i].DivisionName + '</button></div>';

正如您所看到的，当您从数组中插入内容时，我在您的单个引号之前和之后添加了双引号

P.S。：下次请尝试更好地订购您的代码。