select隱藏選中值對應(yīng)的id,顯示其它id的簡單實(shí)現(xiàn)方法
由于select選項(xiàng)較少,做的簡單,
<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隱藏選中值對應(yīng)的id,顯示其它id的簡單實(shí)現(xiàn)方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript中雙等號(==)和三等號(===)有何不同以及何時使用它們詳解
這篇文章主要給大家介紹了關(guān)于JavaScript中雙等號(==)和三等號(===)有何不同以及何時使用它們的相關(guān)資料,在JavaScript中"=="和"==="都是比較運(yùn)算符,用于比較兩個值是否相等,需要的朋友可以參考下2024-01-01JavaScript實(shí)現(xiàn)漢字轉(zhuǎn)換為拼音的庫文件示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)漢字轉(zhuǎn)換為拼音的庫文件,結(jié)合具體實(shí)例分析了JSPinyin庫文件與簡單使用技巧,需要的朋友可以參考下2016-12-12javaScript+turn.js實(shí)現(xiàn)圖書翻頁效果實(shí)例代碼
這篇文章主要介紹了javaScript+turn.js實(shí)現(xiàn)圖書翻頁效果實(shí)例代碼,重點(diǎn)講解turn.js 如何使用的。需要的朋友可以參考下2017-02-02JS踩坑實(shí)戰(zhàn)之19位數(shù)Number型精度丟失問題詳析
前幾天測試接口功能的時候,發(fā)現(xiàn)了一個奇怪的問題,下面這篇文章主要給大家介紹了關(guān)于JS?Number型精度丟失問題的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-10-10javascript Array.remove() 數(shù)組刪除
下面的代碼主要是實(shí)現(xiàn)了,刪除數(shù)組中指定的值。2009-08-08Javascript圖像處理—圖像形態(tài)學(xué)(膨脹與腐蝕)
上一篇文章,我們講解了圖像處理中的閾值函數(shù),這一篇文章我們來做膨脹和腐蝕函數(shù)2013-01-01javascript中的prototype屬性實(shí)例分析說明
一說到prototype很多人可能第一個想到的是著名的prototype.js框架,當(dāng)然我們今天說的不是它,而是Javascript中的prototype屬性,一般都被翻譯為“原型”。這是一個比較特殊的屬性,Javascript中的繼承一般都依賴這屬性實(shí)現(xiàn)。2010-08-08