文本框和下拉在一起

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

Answer 2

我不能確定你想達到這個東西。也許在線搜索？您可能想要檢查此https://silviomoreto.github.io/bootstrap-select/examples/

Answer 3

不幸的是，沒有辦法在選擇框中自定義下拉列表的位置。

但是，還有其他選擇。我認爲你正在努力實現一個可搜索的選擇框，所以這裏有兩種解決方案：

1. 使用< datalist>。除Safari之外，其支持相當廣泛。

2. 使用庫，如Select2。