如何在动态构建下拉菜单时自动选择它

<select id="dynamicSelect"></select>

<script>
// 模拟后端返回的选项列表数据
var optionsData = [
  { value: 'option1', text: '选项1' },
  { value: 'option2', text: '选项2' },
  { value: 'option3', text: '选项3' }
];

// 动态构建下拉菜单
var selectElement = document.getElementById('dynamicSelect');
optionsData.forEach(function(option) {
  var optionElement = document.createElement('option');
  optionElement.value = option.value;
  optionElement.text = option.text;
  selectElement.appendChild(optionElement);
});

// 自动选择选项
var conditionValue = 'option2'; // 假设需要自动选择的条件值为'option2'
var optionToSelect = selectElement.querySelector('option[value="' + conditionValue + '"]');
if (optionToSelect) {
  optionToSelect.setAttribute('selected', 'selected');
}
</script>