2016-09-06 110 views
1

有幾件事我試圖用Bootstrap下拉選擇。我沒有看他們,但找不到任何有用Bootstrap下拉菜單選擇依賴關係

MY DROPDOWN MENU

這是選擇的我喜歡讓

1功能)所有下拉菜單後列表,然後你就可以點擊提交。因此,提交需求取決於所有的下拉選擇

2)當選擇下拉菜單「選擇年份」 2011年,按鈕上的文字應該顯示「年份:2011」,現在其只顯示「2011」

enter image description here

3)選擇完成後,我想根據選擇在選擇菜單下看到文本輸出。 我發現alert()的例子,但那不是我真正想要的。

「年份:2011 QTR:1個州:得克薩斯州/休斯敦」

我是新手用JavaScript和引導,但我可以去任何直通文件,這將幫助我完成了這一切。

回答

1

我已更新您的代碼:http://jsbin.com/kelolifuda/1/edit?html,js,output 如果我理解正確,它應該符合您的所有要求。

Regards

+0

Konrad這很棒,但對於州選擇,當選擇德州>休斯敦。我們可以讓它顯示爲「州:德克薩斯州/休斯頓」,而不是休斯頓?我嘗試玩它,但沒有運氣。謝謝你們! – mtkilic

+1

你好,我爲你做了另一個更新:http://jsbin.com/becazaqini/edit?html,js,output 請注意,對於這個解決方案,類和數據屬性的名稱是非常重要的,所以要小心改變它們 –

+0

謝謝康德拉德!我非常感謝您的幫助!我沒有實現我的真實數據和圖表就好:) – mtkilic