input转select

要将<input>转换为<select>，您需要创建一个<select>元素并使用JavaScript将输入值添加为选项。以下是一个示例：

HTML代码：

<input type="text" id="inputField">
<button onclick="convertToSelect()">Convert to Select</button>

JavaScript代码：

function convertToSelect() {
// 获取输入框的值
var inputValue = document.getElementById("inputField").value;

// 创建<select>元素
var selectElement = document.createElement("select");

// 创建选项元素
var optionElement = document.createElement("option");

// 将输入值添加为选项文本
optionElement.text = inputValue;

// 将选项添加到<select>中
selectElement.add(optionElement);

// 将<select>元素替换为<input>元素
var inputElement = document.getElementById("inputField");
inputElement.parentNode.replaceChild(selectElement, inputElement);
}

当用户单击“Convert to Select”按钮时，此代码将获取输入框的值并将其添加到<select>元素中作为选项。最后，它将<select>元素替换为<input>元素。