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