input 下拉框 与tab 结合的选择

先上效果：

刚开始的时候看到一个例子 ，是省、市、区三级选择的 ，做了一个，老师说效果不好，说我们这个只有二级类，直接把一级放在tab选项卡上，本来打算在找到的那个省、市、区三级选择里面改改，后来看了一下，自己没看懂，不是很好改，所以就自己写一个。在老师的指导下，用input下拉框和TAB组合。

第一次实现的时候，发现一点选项卡的文字，就跳出去了，后来就改为滑动mosemove来选择选项卡，但是又发现选项卡显示有问题，第一次显示不对，我把计算宽度的代码写在mosemove里面，应该一进来就计算宽度，把代码放出去后，发现宽度直接没发计算了，问了一下，才知道drapdown是隐藏的，一进来隐藏的对象是没有宽度的，老师提醒并给了一个计算隐藏对象的actual才能计算，就这样，可以顺利的实现以上效果。关于actual，可以查看这篇文章，http://www.cnblogs.com/catherineSue/p/6123272.html。记得引用jquery.actual.js。

<div class="input-group">
                <div class="input-group-btn">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="false">
                        Action <span class="caret"></span>
                    </button>
                    <div class="dropdown-menu" style="white-space: normal