jquery easyui tabs 在table页上添加查询条件

来源:互联网 发布:centos开启snmp 编辑:程序博客网 时间:2024/05/18 02:28

<script type="text/javascript">
 $(function (){
  $("#easyui-tabs").tabs({
   tools:'#p-tools'
  });
  $('#select').change(function (i,n){
   alert(i);
  });
 });
</script>
</head>

<body>

 <h2>Tabs Strip Tools</h2>
 <div class="demo-info">
 </div>
 <div style="margin:10px 0;"></div>
 <div id="easyui-tabs" style="width:700px;height:250px">
  <div title="About" style="padding:10px">
   <p style="font-size:14px">jQuery EasyUI framework help you build your web page easily.</p>
  </div>
  <div title="Help" data-options="iconCls:'icon-help',closable:true" style="padding:10px">
   This is the help content.
  </div>
 </div>
 <div id="p-tools" style="width:50px" align="left">
  <select id="select" >
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
   <option value="4">4</option>
   <option value="5">5</option>
   <option value="6">6</option>
  </select>
 </div>
</body>