下拉框切換表格

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

開發工具與關鍵技術:VS

作者:吳業華

撰寫時間:2019年7月27號

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

這篇我們來了解一下隱藏 與 顯示

首先我們要做的效果是根據下拉框選項來選擇表格內容

那麼

首先我們得有這個下拉框

1:構建下拉框

 

2:然後構建需要的表格

3:用上一篇渲染的方法

來渲染一下我們的表格

用JQ的寫法給這個下拉框加上點擊時候調用的代碼

 

獲取首先獲取下拉框的值

然後獲取一下在頁面選中的值

寫一個判斷

如果下拉框的值 等於選中的值就

執行下面的代碼

不等就執行else下面的代碼

Show顯示  hide隱藏

就是隱藏和顯示錶格父標籤

在頁面上的效果就是:

選擇按倉庫的就顯示A表格 隱藏B表格

選擇按物料統計 就顯示B表格 隱藏A表格

這樣就可以達到用下拉框來切換表格的效果

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章