使用innerhtml显示下拉列表文本而不是值

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

var selectElement = document.getElementById("mySelect");

var optionsText = "";
var htmlCode = "";

for (var i = 0; i < selectElement.options.length; i++) {
  optionsText += selectElement.options[i].text + ",";
}

htmlCode = "<option>" + optionsText + "</option>";
selectElement.innerHTML = htmlCode;