写出一个下拉框带有change事件的代码，不同的下拉选择，可以出现不同的内容

好的，可以参考以下代码。其中，根据不同的下拉选择，使用`switch`语句来判断并显示不同的内容。

HTML代码：

<select id="dropdown" onchange="showContent()">
  <option value="option1">选项一</option>
  <option value="option2">选项二</option>
  <option value="option3">选项三</option>
</select>

<div id="content"></div>

JavaScript代码：

function showContent() {
  var dropdown = document.getElementById("dropdown");
  var selectedOption = dropdown.options[dropdown.selectedIndex].value;

  switch (selectedOption) {
    case "option1":
      document.getElementById("content").innerHTML = "这是选项一的内容";
      break;
    case "option2":
      document.getElementById("content").innerHTML = "这是选项二的内容";
      break;
    case "option3":
      document.getElementById("content").innerHTML = "这是选项三的内容";
      break;
    default:
      document.getElementById("content").innerHTML = "";
      break;
  }
}

以上代码实现了一个带有`change`事件的下拉框，当选择不同的选项时，会显示对应的内容。