通过JS判断表单值确定表格显示或隐藏的问题

例如,TD0内input表单内输入数值小于3,则TD1、TD4显示;大于3小于10,则TD2、TD5显示;大于10,则TD3、TD6显示
因为不太懂JAVA,请各位老师最好能把代码写出来,谢谢

<script>
function change(obj) {
hidden_all();
var value = obj.value,
arr = [3, 6];
if (value < 3) {
arr = [1, 4];
} else if (value < 10) {
arr = [2, 5];
}
show(arr);
}
function getTD(index) {
return document.getElementById("td" + index);
}
function show(arr) {
for (var i = 0, j = arr.length; i < j; i++) {
getTD(arr[i]).style.display = "block";
}
}
function hidden_all() {
for (var i = 1, j = 6; i <= j; i++) {
getTD(i).style.display = "none";
}
}
</script>

<table>
<tr>
<td id="td0"><input type="text" id="input" onchange="change(this)"></td>
<td id="td1" style="display:none;">td1</td>
<td id="td2" style="display:none;">td2</td>
<td id="td3" style="display:none;">td3</td>
<td id="td4" style="display:none;">td4</td>
<td id="td5" style="display:none;">td5</td>
<td id="td6" style="display:none;">td6</td>
</tr>
</table>来自:求助得到的回答
温馨提示:内容为网友见解,仅供参考
无其他回答
相似回答
大家正在搜