javascript - 文本框和下拉框在一起

Question

当我单击“选择”时，它显示在下方和右侧，但我需要将选择卡在输入下方并选择。或者是否有带有下拉菜单的自定义文本框？

我找不到一个，所以我想自己构建它，但下拉菜单位置错误，而且我没有看到任何可以提供帮助的 CSS。

    <div>
    <input type="text" id="Drop_Down_A" value="Select One..."><!--
    --><select id="Drop_Down_A1" style="width: 19px; height: 21px;">
    <option value="" disable>Select One...</option>
    </select>
    </div>

得到了我一直在寻找的答案。

我已经发布了我所追求的新结果。

<div>
  <input type="text" list="Drop_Down_A1" id="Drop_Down_A" value="Select One...">
  <datalist id="Drop_Down_A1">
    <option value="Select One..." disable>
  </datalist>
</div>

Answer 1

我认为这个插件可以帮助你https://select2.github.io