javascript - 检索 javascript 中生成的选择 "on change"的值

Question

我目前正在通过 javascript 代码生成一些 html(选择)，我想检索我的选择的值以根据值显示另一个 div

$("#" + id).append(
'<select id="dropDownRole" form="dropDownRole">' +
'<option value="none">---</option>' +
'<option value="root">root</option>' +
'<option value="customer">customer</option>' +
'</select>' +
'<br>'+

此代码位于 JavaScript 函数内，我想捕获 dropDownRole 的更改以使用它

我知道有一些关于它的主题，但没有一个是通过 javascript 创建的 html，以及我是否应该更改它

谢谢，祝您飞行安全。

Answer 1

您必须使用 event delegation 将事件绑定(bind)到这个新元素。 像这样，

$("#" + id).on('change', '#dropDownRole', function(){
    // do your stuff here.
});

委托(delegate)事件的优点是它们可以处理来自稍后添加到文档中的后代元素的事件。通过选择在附加委托(delegate)事件处理程序时保证存在的元素，您可以使用委托(delegate)事件来避免频繁附加和删除事件处理程序的需要。