原生js select选择一个指定的值select下拉框变为输入框

以下是将select下拉框变为输入框的JavaScript代码：

// 获取select元素
var selectElement = document.getElementById("mySelect");

// 获取select选中的值
var selectedValue = selectElement.value;

// 创建一个新的input元素
var inputElement = document.createElement("input");

// 设置input元素的属性
inputElement.type = "text";
inputElement.value = selectedValue;
inputElement.id = "myInput";

// 替换select元素为input元素
selectElement.parentNode.replaceChild(inputElement, selectElement);

这段代码首先获取了一个id为“mySelect”的select元素，并获取了它当前选中的值。然后创建了一个新的input元素，设置了它的属性。最后，使用parentNode.replaceChild()方法将select元素替换为input元素。现在，下拉框就变成了一个文本输入框。