如何交换显示文本框？

jnet918 2003-09-27 10:03:04

实现目标：
（１）当在第一个输入框输入内容时，第二个输入框不显示。
（２）当在第一个输入框删除完内容时，第二个输入框显示。

目前下面的源码只能实现输入时的功能，删除时没有实现。
源码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script>
function hiddenText(name) {

if (name.value.length >=0 ) {
msg = document.getElementById('txt2Id');
msg.style.visibility='hidden';
} else {
msg = document.getElementById('txt2Id');
msg.style.visibility='visible';
}

}
</script>
</head>

<body>
<form name="form1" method="post" action="">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr id="txt1Id">
<td>aaaaaaaaaaa:<input type="text" name="textfield" onkeypress="hiddenText(document.form1.textfield);"></td>
</tr>
<tr id="txt2Id">
<td>bbbbbbbbbbbbb:<input type="text" name="textfield2"></td>
</tr>
</table>
</form>
</body>
</html>

...全文

69 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

topmonkey 2003-09-27

打赏
举报

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script>
function hiddenText(name) {
var msg;
if(name.name == "textfield"){
msg = document.getElementById('txt2Id');
if (name.value.length == 0){
msg.style.visibility='visible';
}else{
msg.style.visibility='hidden';
}
return;
}
if(name.name == "textfield2"){
msg = document.getElementById('txt1Id');
if (name.value.length == 0){
msg.style.visibility='visible';
}else{
msg.style.visibility='hidden';
}
return;
}
}
</script>
</head>

<body>
<form name="form1" method="post" action="">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr id="txt1Id">
<td>aaaaaaaaaaa:<input type="text" name="textfield" onkeydown="hiddenText(this);"></td>
</tr>
<tr id="txt2Id">
<td>bbbbbbbbbbbbb:<input type="text" name="textfield2" onkeydown="hiddenText(this);"></td>
</tr>
</table>
</form>
</body>
</html>

jnet918 2003-09-27