2016-09-06 112 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