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

<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只是布局的,并不是表格样式

https://img1.mukewang.com/5bc2b2f00001dc8a03600121.jpg

万千封印
浏览 805回答 1
1回答

慕无忌1623718

当然可以 先给这个&nbsp;tr&nbsp;设置隐藏再监听&nbsp;select[name=car_is_zlgs]&nbsp;的&nbsp;onchange&nbsp;事件Style.hide&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;display:&nbsp;none&nbsp;!important; }HTML<tr&nbsp;class="tr&nbsp;hide">...</tr>JS(function($){ &nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;监听事件 &nbsp;&nbsp;&nbsp;&nbsp;$('select[name=car_is_zlgs]').addEventListener('change',&nbsp;function(){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(this.selectedIndex&nbsp;==&nbsp;0)&nbsp;$('.tr').classList.remove('hide'); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;else&nbsp;$('.tr').classList.add('hide'); &nbsp;&nbsp;&nbsp;&nbsp;});})(document.querySelector.bind(document));
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript