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>

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

1 个答案: