Javascript onclick不使用jquery处理动态ID？

我写了一个具有动态id的下拉列表。这意味着单击“添加”将添加下拉列表，并具有类似

选项1

，

选项2

的id。我尝试在这些动态ID上使用

onclick

操作，但不起作用

我需要基于

id

而不是

class

的

onclick

操作。请帮我做到这一点

let索引=1；
$（文档）.ready（函数（）{
添加（）；
$（“#电子邮件-${Index}”）。单击（函数（）{
警告（“该段落被点击”）；
});
});
函数add（）{
$（“#列表容器”）.append(
`
选择
`
);
索引++；
}

模态示例
开放模态
分享

var指数=1；
$（文档）.ready（函数（）{
添加（）；
$（“#电子邮件-${Index}”）。单击（函数（）{
警告（“该段落被点击”）；
});
});
函数add（）{
$（“#列表_容器”）。追加(
`
选择
`
);
索引++；
}

模态示例
开放模态
分享

这里有几个问题。首先，需要使用反勾号字符来分隔插入的字符串。其次，DOM中没有

#Email-N

元素。最后，您需要使用委托事件处理程序，因为可能click事件中的元素是动态添加到页面某处的。另外，为什么不能使用类呢？这是目前为止做你所需要的事情的最好方法。@Rorymcrossan我不明白你能解释一下根据id点击选择元素我应该得到提示吗？请帮助我首先你能解释一下你试图选择的元素是什么吗？因为

#Email-1

不存在。@Rorymcrossan不是#Email-1其#选项-1外汇onload我有一个下拉列表id是option-1 on click如果我单击add并单击下拉列表，警报应该会出现添加id是option-2警报应该像我正在尝试

$（“#Email-${Index}”）。单击（function（）{

<您的代码。我假设这是一个打字错误，应该是

\option-1

？