js下拉菜单的下拉与回显

下拉菜单可以使用HTML中的`<select>`标签实现，而下拉菜单的选项可以使用`<option>`标签定义。例如：

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

如果需要下拉菜单的选项根据用户的选择进行回显，可以使用JavaScript来实现。例如，可以在下拉菜单的`onchange`事件中获取用户选择的值，然后将其回显到页面上的某个元素中。例如：

<select id="mySelect" onchange="showSelectedValue()">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<p id="selectedValue"></p>

<script>
function showSelectedValue() {
  var select = document.getElementById("mySelect");
  var selectedValue = select.options[select.selectedIndex].value;
  document.getElementById("selectedValue").innerHTML = "You selected: " + selectedValue;
}
</script>

以上代码中，`onchange="showSelectedValue()"`指定了当下拉菜单的选项发生变化时调用`showSelectedValue()`函数。该函数通过`document.getElementById("mySelect")`获取下拉菜单的DOM元素，然后使用`selectedIndex`和`options`属性获取用户选择的选项的索引和值。最后，将用户选择的值回显到页面上的某个元素中。