jsp页面中，根据影藏条件变化来显示和影藏表格的一行。
如题：
<table>
<tr id="h1" style="display:none">
<td></td>
</tr>
<tr>
<td><input type="text" id="nr"></td>
</tr>
</table>
第一行随着文本框内的内容而影藏或显示，如文本框输入1，则显示；输入2，则影藏。
请问第一行处的style处的display该如何写，才能起到这样的作用？
[解决办法]
<script type="text/javascript">
$(document).ready(function() {
$("#nr").keyup(function() {
var a = $("#nr").val();
if(a == 1) {
$("#h1").css("display","block");
}
if(a == 2) {
$("#h1").css("display","none");
}
});
})
</script>
</head>
<body>
<table border="1px">
<tr id="h1" style="display:none">
<td>jajajaja</td>
</tr>
<tr>
<td><input type="text" id="nr"></td>
</tr>
</table>
</body>
<!DOCTYPE html>
<html>
<head>
<script>
function displayTr(e){
if(e.value=="1"){
document.getElementById("h1").style.display="";
}
if(e.value=="2"){
document.getElementById("h1").style.display="none";
}
}
</script>
</head>
<body>
<table>
<tr id="h1" style="display:''">
<td>xcsdsd</td>
</tr>
<tr>
<td><input type="text" id="nr" value="" onchange="displayTr(this)"></td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<script>
window.onload=function(){
if(document.getElementById("nr").value=="1"){
document.getElementById("h1").style.display="";
}
if(document.getElementById("nr").value=="2"){
document.getElementById("h1").style.display="none";
}
}
function displayTr(e){
if(e.value=="1"){
document.getElementById("h1").style.display="";
}
if(e.value=="2"){
document.getElementById("h1").style.display="none";
}
}
</script>
</head>
<body>
<table>
<tr id="h1" style="display:''">
<td>xcsdsd</td>
</tr>
<tr>
<td><input type="text" id="nr" value="2" onchange="displayTr(this)"></td>
</tr>
</table>
</body>
</html>
