select隱藏選中值對應的id,顯示其它id的簡單實現(xiàn)方法
由于select選項較少,做的簡單,
<select name="typeid" id="typeid"> <option value="-1">-請選擇類型-</option> <option value="grade">兌換等級</option> <option value="money">兌換現(xiàn)金</option> <option value="gift">兌換禮物</option> </select> <tr id="grade"></tr> <tr id="money"></tr> <tr id="gift"></tr> <script> $(document).ready(function(){ var alltypes = ['grade','money','gift']; $("#typeid").change(function(){ var type = $(this).val(); for(i=0;i<alltypes.length;i++) { $("#"+alltypes[i]).hide(); $("#"+type).show(); } }); }); </script>
將所有id存放一個數(shù)組中,然后遍歷隱藏所有id,只顯示選中值的id
以上這篇select隱藏選中值對應的id,顯示其它id的簡單實現(xiàn)方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
JavaScript中雙等號(==)和三等號(===)有何不同以及何時使用它們詳解
這篇文章主要給大家介紹了關于JavaScript中雙等號(==)和三等號(===)有何不同以及何時使用它們的相關資料,在JavaScript中"=="和"==="都是比較運算符,用于比較兩個值是否相等,需要的朋友可以參考下2024-01-01JavaScript實現(xiàn)漢字轉(zhuǎn)換為拼音的庫文件示例
這篇文章主要介紹了JavaScript實現(xiàn)漢字轉(zhuǎn)換為拼音的庫文件,結合具體實例分析了JSPinyin庫文件與簡單使用技巧,需要的朋友可以參考下2016-12-12javaScript+turn.js實現(xiàn)圖書翻頁效果實例代碼
這篇文章主要介紹了javaScript+turn.js實現(xiàn)圖書翻頁效果實例代碼,重點講解turn.js 如何使用的。需要的朋友可以參考下2017-02-02JS踩坑實戰(zhàn)之19位數(shù)Number型精度丟失問題詳析
前幾天測試接口功能的時候,發(fā)現(xiàn)了一個奇怪的問題,下面這篇文章主要給大家介紹了關于JS?Number型精度丟失問題的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-10-10javascript Array.remove() 數(shù)組刪除
下面的代碼主要是實現(xiàn)了,刪除數(shù)組中指定的值。2009-08-08Javascript圖像處理—圖像形態(tài)學(膨脹與腐蝕)
上一篇文章,我們講解了圖像處理中的閾值函數(shù),這一篇文章我們來做膨脹和腐蝕函數(shù)2013-01-01