[求助]下拉菜单和文本框的联动怎样实现? - ASP技术论坛

| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛 |

编程论坛 → WEB开发 → 『 ASP技术论坛』 → [求助]下拉菜单和文本框的联动怎样实现?

我的收件箱(0)

欢迎加入我们，一同切磋技术

共有 799 人关注过本帖

标题：[求助]下拉菜单和文本框的联动怎样实现?

只看楼主加入收藏

ydlwhm

等　级：新手上路
帖　子：20
专家分：0
注　册：2006-6-26

楼主

问题点数：0 回复次数：5

[求助]下拉菜单和文本框的联动怎样实现?

下拉菜单有两个选项,选A时不显示文本框,选B时显示文本框,请问怎么做?

搜索更多相关主题的帖子: 文本框　菜单　选项　

2007-05-25 17:23

yms123

等　级：版主
威　望：209
帖　子：12488
专家分：19042
注　册：2004-7-17

第 2 楼

得分:0

[CODE]<script language="javascript" >
function SelTest_Change()
{
var SelIdx=this.SelTest.selectedIndex;
var selOpt=this.SelTest.options[SelIdx];
switch(selOpt.value)
{
case "A":
this.ShowText.style.display="none";
break;
case "B":
this.ShowText.style.display="inline";
break;
}
}
</script>
<select name="SelTest" onChange="SelTest_Change();" >
<option selected >请选择</option>
<option value="A">A</option>
<option value="B">B</option>
</select>
<div id="ShowText" style="display:none" ><input type="text" name="TxtTest" ></div>[/CODE]

2007-05-25 17:40

ydlwhm

等　级：新手上路
帖　子：20
专家分：0
注　册：2006-6-26

第 3 楼

得分:0

谢谢版主了

2007-05-25 17:58

ydlwhm

等　级：新手上路
帖　子：20
专家分：0
注　册：2006-6-26

第 4 楼

得分:0

请教版主,为什么我把下拉菜单和文本框套上<form>之后效果就没了呢?说'this.SelTest.selectedIndex' 为空或不是对象

<html>
<head>
</head>
<script language="javascript" >
function SelTest_Change()
{
var SelIdx=this.SelTest.selectedIndex;
var selOpt=this.SelTest.options[SelIdx];
switch(selOpt.value)
{
case "A":
this.ShowText.style.display="none";
break;
case "B":
this.ShowText.style.display="inline";
break;
}
}
</script>
<body>
<form name="form1" method="post" action="lian.asp">
<select name="SelTest" onChange="SelTest_Change();" >
<option selected >请选择</option>
<option value="A">A</option>
<option value="B">B</option>
</select>
<div id="ShowText" style="display:none" ><input type="text" name="TxtTest" ></div>
</form>
</body>
</html>

[此贴子已经被作者于2007-5-28 10:20:09编辑过]

2007-05-28 10:17

yms123

等　级：版主
威　望：209
帖　子：12488
专家分：19042
注　册：2004-7-17

第 5 楼

得分:0

[CODE]<html>
<head>
</head>
<script language="javascript" >
function SelTest_Change()
{
var SelTest=document.getElementById("SelTest");
var SelIdx=SelTest.selectedIndex;
var selOpt=SelTest.options[SelIdx];
switch(selOpt.value)
{
case "A":
this.ShowText.style.display="none";
break;
case "B":
this.ShowText.style.display="inline";
break;
}
}
</script>
<body>
<form name="form1" method="post" action="lian.asp">
<select id="SelTest" onChange="SelTest_Change();" >
<option selected >请选择</option>
<option value="A">A</option>
<option value="B">B</option>
</select>
<div id="ShowText" style="display:none" ><input type="text" name="TxtTest" ></div>
</form>
</body>
</html>[/CODE]
改成这样试试。

2007-05-28 19:53

ydlwhm

等　级：新手上路
帖　子：20
专家分：0
注　册：2006-6-26

第 6 楼

得分:0

谢谢了,问题解决了.

2007-05-29 13:16

快速回复：[求助]下拉菜单和文本框的联动怎样实现?