如何隱藏<select>並使用按鈕切換（打開）

我正在使用引導程序3，並試圖模仿jQueryMobile的選擇選項，您可以使用只切換標準選擇文本欄和箭頭來切換所選擇的開始按鈕。如何隱藏<select>並使用按鈕切換（打開）

我不想使用下拉菜單，因爲它們隱藏在我的嵌套div內（如果你可以讓它們出現在最頂層，那麼也可以）。

所以我想知道是否有一種方法可以有一個按鈕作爲打開選擇選項的替身。

2016-09-28 A. Lau

不完全確定這一點，需要更多的信息。但你可以創建一個按鈕：

<button type="button" onclick="alert('Message')">Button</button>

如果那你想要什麼？

來源

2016-09-28 00:47:53

不，我需要它來切換一個標籤，除了沒有文字和默認箭頭。 –

這不完全是你要求的，但我做了一個搜索，發現這個插件，我認爲如果你要試驗這個，那麼你可以想出預期的效果。仔細看看。

這是一個關於頁面下方1/3的點，我認爲這會幫助您確定這是否可行。

插件：Bootstrap-Select

來源

2016-09-28 00:54:19

不完全，我不想顯示文本，只是一個圖標。 –

如果你轉到本節https://silviomoreto.github.io/bootstrap-select/examples/#customize-options這些選項也使用glyphicons。我幾乎可以肯定，如果你只是讓你的第一個顯示爲圖形而不包含任何文本，那麼它將只是一個圖標。如果希望的圖標可以在圖形中找到。 –

如何隱藏<select>並使用按鈕切換（打開）

回答

相關問題