select隱藏選中值對應(yīng)的id,顯示其它id的簡單實現(xiàn)方法

    下面小編就為大家?guī)硪黄猻elect隱藏選中值對應(yīng)的id,顯示其它id的簡單實現(xiàn)方法。小編覺得挺不錯的，現(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隱藏選中值對應(yīng)的id,顯示其它id的簡單實現(xiàn)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考