首頁猿問這個地方，能不能把第二個tr隱藏？...

這個地方，能不能把第二個tr隱藏？當?shù)谝粋€tr選擇“是”的時候，第二個再顯示出來？

JavaScript

萬千封印 2018-09-10 13:10:50

<tr> <td><p> <label>是否租賃公司車源：</label> <select name="car_is_zlgs" style= "width:211 " > <option value="0">否</option> <option value="1">是</option> </select> </p></td> </tr> <tr> <td><p> <label>租賃公司：</label> <select id="car_zlgs" name="car_zlgs" style= "width:211 "> <%for(qdwyc_zlgs s:listzlgs){%> <option value="<%=s.getId()%>" ><%=s.getZlgs_name()%></option> <%}%> </select> </p></td> </tr>這是顯示結果，table只是布局的，并不是表格樣式

查看完整描述

1 回答

慕無忌1623718

TA貢獻1744條經(jīng)驗獲得超4個贊

當然可以先給這個 tr 設置隱藏
再監(jiān)聽 select[name=car_is_zlgs] 的 onchange 事件

Style

.hide {    display: none !important;
}

HTML

<tr class="tr hide">...</tr>

JS

(function($){
    // 監(jiān)聽事件
    $('select[name=car_is_zlgs]').addEventListener('change', function(){
        if(this.selectedIndex == 0) $('.tr').classList.remove('hide');
        else $('.tr').classList.add('hide');
    });})(document.querySelector.bind(document));

反對回復 2018-10-14