如何通过 jQuery 使用 javascript 动态生成的 innerHTML 元素 select

Question

这是我的问题。我需要使用开关功能动态生成不同的表单。表单会逐步显示，以提供带有答案值的无线电输入的几个问题。

function myFunctionSwitch() {
switch(myVarValue) {
case "something":
text = "<div id=\"q1\">Question
<label>Answer<input class=\"reponse\" type=\"radio\" name=\"q1\" id=\"q1r1\" value=\"462\">
<span class=\"checkmark\">
</span>
</label>
<label><input class=\"reponse\" type=\"radio\"... 
<label><input class=\"reponse\" type=\"radio\"... 
<label><input class=\"reponse\" type=\"radio\"... 
</div>"
break;
 default:...
}
document.getElementById("myModalInside").innerHTML = text;

我尝试通过这种方式获取 jQuery 的输入值：

$(document).ready(function(){   "use strict";
var result;
var value1;

$('#q1 .reponse').on('change', function(){  
    value1 = parseInt(this.value);
    result = value1 + ...;
});

此 jQuery 代码在 html 页面中完成了正确的工作，并写入了表单。但是我需要我的开关功能来呈现不同的形式。这就是我需要帮助的原因。

Answer 1

如果您想处理动态添加的元素上的事件，您需要以这种方式委托事件：

$(document).on('change', '#q1 .reponse' , function() {
    value1 = parseInt(this.value);
    result = value1 + ...;
});

更多信息here。

如何通过 jQuery 使用 javascript 动态生成的 innerHTML 元素 select

How to select via jQuery an innerHTML element generated dynamically with javascript

javascript

jquery

innerhtml

selector