Question

我需要在bootstrap中从tab调用id，因为我想每周，每月，每年生成报告。但我需要先选择选项标签。

这是我的代码：

<select name="generatereport" class="input-small "  >
    <option><a href="#tab1" data-toggle="tab"> weekly </a></option>
    <option><a href="#tab2" data-toggle="tab">monthly </a></option>
    <option><a href="#tab3" data-toggle="tab">yearly </a></option>
</select>

Answer 1

你做不到。 <option>元素不能包含除文本之外的任何内容。

如果您确实需要链接的下拉菜单，请将其表达为列表（ul）并使用JavaScript添加下拉功能。

Answer 2

您可以为＆lt;添加onChange事件选择＆GT;根据所选值导航到选项卡的元素

$('.input-small').on('change', function(){
   //get the selected value for example #tab1
   //show the selected tab $('#tab').show();
});

Answer 3

你可以使Bootstrap下拉行为像这样的HTML选择..

http://bootply.com/109001

或者，您可以使用其中一个“选择”插件进行Bootstrap ..

http://silviomoreto.github.io/bootstrap-select/

https://github.com/ivaynberg/select2

如何使用bootstrap在选项标签中添加href？

3 个答案: