原生js下拉框展示赋值

下面是一个简单的原生JS实现下拉框展示和赋值的例子：

HTML代码：

<select id="mySelect">
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
</select>
<button onclick="showSelected()">展示选中项</button>

JS代码：

function showSelected() {
  var select = document.getElementById("mySelect");
  var selectedOption = select.options[select.selectedIndex];
  alert("选中项的值为：" + selectedOption.value + "，文本为：" + selectedOption.text);
  //将选中项的值赋给一个文本框
  document.getElementById("myInput").value = selectedOption.value;
}

这个例子中，我们先通过`document.getElementById()`获取到`<select>`元素，然后使用`selectedIndex`属性获取当前选中项的索引，再通过`options`属性获取到所有选项，最后根据选中项的索引获取到选中项的`<option>`元素，并获取其`value`和`text`属性。

在展示选中项的同时，我们也将选中项的值赋给了一个文本框，以便于后续的处理。