如何编辑下拉选择选项或将选择选项的类型更改为文本类型

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

<input type="text" value="默认文本">

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

<button onclick="changeSelectType()">更改类型</button>

<script>
function changeSelectType() {
  var selectElement = document.getElementById("mySelect");
  selectElement.outerHTML = '<input type="text" value="' + selectElement.value + '">';
}
</script>