Question

我似乎无法进行下拉工作。点击“动作”时没有任何反应。

我仔细检查了CSS和JS链接，一切似乎都没问题，尝试使用Bootstrapv4和3.3.7并且没有工作。有什么想法吗？

检查我的应用https://codepen.io/thomasfaller/pen/NpGpPP

<iframe height='265' scrolling='no' title='XE.com WebApp' src='//codepen.io/thomasfaller/embed/NpGpPP/?height=265&theme-id=0&default-tab=html,result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'>See the Pen <a href='https://codepen.io/thomasfaller/pen/NpGpPP/'>XE.com WebApp</a> by Thomas Faller (<a href='http://codepen.io/thomasfaller'>@thomasfaller</a>) on <a href='http://codepen.io'>CodePen</a>.

Answer 1

您正尝试使用bootstrap下拉列表作为选择输入。下拉菜单应该只是调用一些动作，而不是像＃34;选择＆＃34;元素。所以没有你想要的开箱即用的功能。你必须有一些JS来使它工作。

所以我的快速而肮脏的解决方案只是为了让它发挥作用：

1）将.depend分配给当前选定的值：

id="selected"

2）在下拉项目上分配<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-eur" aria-hidden="true" id="selected"></i> </button>处理程序：

onclick

3）这个处理程序可能是这样的：

<a class="dropdown-item" onclick="select('eur')"><i class="fa fa-eur" aria-hidden="true"></i></a>

Codepen：https://codepen.io/anon/pen/KWdOxa

但是你仍然需要以某种方式保存一个选定的值，以使你的计算在JS代码中正确。

所以你最好使用一个特殊的bootstrap元素来选择输入 - https://silviomoreto.github.io/bootstrap-select/

下拉没有显示在Bootstrap输入组上

1 个答案: