下拉列表中的Jquery选项卡功能

Question

使用选择框

更改Jquery选项卡内容

这里是我试过的小提琴链接

Fiddle

Answer 1

基于我的answer here

<强> Demo Fiddle
jQuery代码

function typeres() {
    $('.tabs').hide();
    var e = document.getElementById("tabSelector");
    if (e.options[e.selectedIndex].value == "tabs-1") {
        $('#tabs-1').fadeIn();
    } else if (e.options[e.selectedIndex].value == "tabs-2") {
        $('#tabs-2').fadeIn();
    } else {
        $('#tabs-3').fadeIn();
    }
}  

它不是基于jQuery UI ，它是您想要实现的另一种方法......