<tr id="tr1" runat="server">
则:tr1.Visible = false
如下代码可以实现:
<script src="jquery-1.9.1.min.js"></script><script>
$(document).ready(function(){
var ids = "1" //要隐藏的id的前半部分
$("#table1 tr").each(function(){
if($(this).attr("id").length > 0){
if($(this).attr("id").split("-")[0] == ids)
$(this).hide()
}
})
})
</script>
<table id="table1">
<tr id="1-11B"><td>1-11B</td></tr>
<tr id="2-23B"><td>2-23B</td></tr>
<tr id="1-12B"><td>1-12B</td></tr>
<tr id="2-26B"><td>2-26B</td></tr>
<tr><td>无ID</td></tr>
</table>
补充:
如果是input的话:
<script src="jquery-1.9.1.min.js"></script><script>
$(document).ready(function(){
var ids = "2" //要改值的id的前半部分
$("input[type='text']").each(function(){
if($(this).attr("id").length > 0){
if($(this).attr("id").split("-")[0] == ids)
$(this).val("0")
}
})
})
</script>
<input type="text" id="1-11B" value="1-11B" />
<input type="text" id="2-12B" value="2-12B" />
<input type="text" id="1-16B" value="1-16B" />
<input type="text" id="2-18B" value="2-18B" />
<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 style="display: none">
<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>
<script>
$(function () {
$("select[name='car_is_zlgs']").change(function () {
if ($(this).val() == "1") $(this).closest("tr").next().show()
else $(this).closest("tr").next().hide()
})
})
</script>
默认先用样式将第二个tr隐藏掉,select选择的时候再来判断是否显示。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)