如何在更改选择列表值时追加和删除html代码段

<select id="selectList" onchange="updateCode()">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<div id="codeContainer"></div>

function updateCode() {
  var selectList = document.getElementById("selectList");
  var codeContainer = document.getElementById("codeContainer");
  
  // 清空代码容器
  codeContainer.innerHTML = "";
  
  // 获取选择列表的当前值
  var selectedValue = selectList.value;
  
  // 根据选择的值追加或删除代码段
  if (selectedValue === "option1") {
    // 追加代码段
    codeContainer.innerHTML = "<p>This is code snippet 1.</p>";
  } else if (selectedValue === "option2") {
    // 追加代码段
    codeContainer.innerHTML = "<p>This is code snippet 2.</p>";
  } else if (selectedValue === "option3") {
    // 删除代码段
    codeContainer.innerHTML = "";
  }
}