如何根据某个标签值返回不同的视图？

// HTML
<select id="tagSelect">
  <option value="view1">视图1</option>
  <option value="view2">视图2</option>
  <option value="view3">视图3</option>
</select>

<div id="view1" class="view">这是视图1</div>
<div id="view2" class="view">这是视图2</div>
<div id="view3" class="view">这是视图3</div>

// CSS
.view {
  display: none;
}

// JavaScript
const tagSelect = document.getElementById('tagSelect');
const views = document.getElementsByClassName('view');

tagSelect.addEventListener('change', function() {
  const selectedValue = tagSelect.value;

  for (let i = 0; i < views.length; i++) {
    views[i].style.display = 'none';
  }

  document.getElementById(selectedValue).style.display = 'block';
});