javascript - 正常的 jquery id #selector 是否适用于 Ajax json 响应的 html？

Question

通过点击事件，我将以下下拉元素作为 ajax json 响应返回，无需刷新页面：

<select class='custom-select col-md-4' id='family'>
  <option value''> Select family</option>
  <option value='1'>familyName</option>
</select>

然后我想在更改选项时执行一个函数：

$('#family').on('change', function(){
        alert("Yeey");
 });

但似乎没有工作。

Answer 1

您的代码似乎正在运行。只需在选择中添加一个选项

目前，您只有一个默认选择的选项，因此没有应用更改事件。你的剧本很好。例子：

<select class='custom-select col-md-4' id='family'>
 <option value=''>select family</option>
  <option value='1'>familyName</option>
</select>

Answer 2

需要超过 1 个选项。默认情况下，第一个选项被选中。所以没有 on change 事件触发。