为了账号安全,请及时绑定邮箱和手机立即绑定

这个地方,能不能把第二个tr隐藏?当第一个tr选择“是”的时候,第二个再显示出来?

这个地方,能不能把第二个tr隐藏?当第一个tr选择“是”的时候,第二个再显示出来?

万千封印 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条经验 获得超4个赞

当然可以 先给这个 tr 设置隐藏
再监听 select[name=car_is_zlgs] 的 onchange 事件

Style

.hide {    display: none !important;
}

HTML

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

JS

(function($){
    // 监听事件
    $('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
  • 1 回答
  • 0 关注
  • 804 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信