select结合tab选项卡切换;
复制代码就可以看到效果(没写样式,有需要可以自己写);
其实原理很简单,就是利用select的change事件,获取到select中的option的下标,来改变tab选项卡;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>tab-JQ</title>
<style>
* {
margin: 0;
padding: 0;
list-style: none;
}
#wrap {
width: 600px;
margin: 100px auto