下拉表單字段

Question

使用JavaScript可以讓下拉菜單顯示帶有輸入文本類型的表單字段，而不是列表選項？我可以得到一個jsfiddle演示示例嗎？

Answer 1

我推薦使用JQuery來做到這一點？基本上隱藏並顯示其上的所有輸入字段的div。通過這種方式，您可以創建它是本地下拉菜單的錯覺。標準下拉菜單不支持自定義標記。有「ALOSO第三方替代品的」自定義下拉列表「我懷疑他們都使用我上面建議的一些變化實施...

Answer 2

當然這是可能的，但我懷疑它是可能的使用一個共同的<select>元素。您應該創建一個由多個輸入組成的<div>（即<input type = "text">）。

然後，您將有一個按鈕（帶有向下箭頭的圖像:)）及其onclick事件，您將綁定一個顯示您的<div>的函數。要隱藏<div>，您可以將隱藏功能綁定到背景上點擊或另一次點擊按鈕。

若要在顯示<div>時添加一些優雅並創建下拉效果，可以將其高度設置爲0，然後使用計時器不斷增加它的高度。