使用下拉列表中的输入框填充所选值

Question

我想用下拉列表中的输入框填充所选值。我可以显示以下站点引用的下拉列表。选择值后，我想反映到输入框。是否需要一些更改事件？

我只把按钮改成了输入框。 https://www.w3schools.com/howto/howto_js_dropdown.asp

    <div class="dropdown">
    <input onclick="myFunction()" class="dropbtn"/>
    <div id="myDropdown" class="dropdown-content">
        <a href="#home">Test1</a>
        <a href="#about">Test2</a>
        <a href="#contact">Test3</a>
    </div>

Answer 1

您需要为每个锚点实施onclick以设置来自锚点innerHTML的输入框文本，检查以下解决方案

<div class="dropdown">
  <input id="txt" onclick="myFunction()" class="dropbtn" />
  <div id="myDropdown" class="dropdown-content">
    <a href="#home" onclick="document.getElementById('txt').value = this.innerHTML">Test1</a>
    <a href="#about" onclick="document.getElementById('txt').value = this.innerHTML">Test2</a>
    <a href="#contact" onclick="document.getElementById('txt').value = this.innerHTML">Test3</a>
  </div>

使用下拉列表中的输入框填充所选值

populate selected value with input box from dropdown list

inputbox

dropdown