dropdown onchange操作无法在动态表单生成中工作

<div id="form-container">
  <!-- 动态生成的表单元素 -->
  <select>
    <option value="option1">Option 1</option>
    <option value="option2">Option 2</option>
    <option value="option3">Option 3</option>
  </select>
</div>

<script>
  // 获取表单的父元素
  var formContainer = document.getElementById('form-container');

  // 绑定onchange事件
  formContainer.addEventListener('change', function(event) {
    // 获取触发事件的具体元素
    var targetElement = event.target;

    // 根据具体元素的值或其他属性进行相应的处理
    if (targetElement.tagName === 'SELECT') {
      var selectedOption = targetElement.options[targetElement.selectedIndex];
      console.log('选中的选项值为：', selectedOption.value);
    }
  });
</script>