如何根据在下拉列表中选择的内容更改butoon将运行的功能？

<select id="selectList">
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
</select>

<button id="runButton" onclick="runFunction()">运行</button>

function runFunction() {
  var selectList = document.getElementById("selectList");
  var selectedValue = selectList.value;

  switch (selectedValue) {
    case "option1":
      // 执行功能1
      function1();
      break;
    case "option2":
      // 执行功能2
      function2();
      break;
    case "option3":
      // 执行功能3
      function3();
      break;
    default:
      // 默认功能
      defaultFunction();
  }
}

function function1() {
  // 执行功能1的代码逻辑
}

function function2() {
  // 执行功能2的代码逻辑
}

function function3() {
  // 执行功能3的代码逻辑
}

function defaultFunction() {
  // 默认功能的代码逻辑
}