急！！下拉列表框产生文本框的方法

scj123456 2003-08-19 02:08:38

我想利用下拉列表框控制文本框
例如：一个下拉列表框有“花名”，“鸟名”二个下拉项，在其后有一个文本框。1.选中“花名”，在文本框中输入“荷花”；2.选中“鸟名”，在原先文本框的位置上产生一新文本框，输入“燕子”。
请问各位大大能实现么？
如若不能，有没有别的方法？？？

...全文

29 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

scj123456 2003-08-19

打赏
举报

多谢！！
兄弟我感激不尽！！

indeed 2003-08-19

打赏
举报

上面的有点问题，用这个：

<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language=JavaScript>

SubMenuinfo = new Array(
new Array(
new Array("1-1"),
new Array("1-2"),
new Array("1-3"),
new Array("1-4"),
new Array("1-5"),
new Array("1-6"),
new Array("1-7"),
new Array("1-8"),
new Array("1-9"),
new Array("1-10"),
new Array("1-11")
),
new Array(
new Array("2-1"),
new Array("2-2"),
new Array("2-3"),
new Array("2-4"),
new Array("2-5"),
new Array("2-6"),
new Array("2-7"),
new Array("2-8")
),
new Array(
new Array("3-1"),
new Array("3-2"),
new Array("3-3"),
new Array("3-4"),
new Array("3-5"),
new Array("3-6")
),
new Array(
new Array("4-1"),
new Array("4-2"),
new Array("4-3"),
new Array("4-4"),
new Array("4-5"),
new Array("4-6")
)
);

function fillSelectFromArray(selectCtrl, itemArray, goodPrompt, badPrompt, defaultItem) {
var i, j;
var prompt;

if(document.main.MainMenu.value!="type4")
{
document.main.sel1.style.display = "";
document.main.sel2.style.display = "none";

for (i = selectCtrl.options.length; i >= 0; i--) {
selectCtrl.options[i] = null;
}
prompt = (itemArray != null) ? goodPrompt : badPrompt;
if (prompt == null) {
j = 0;
} else {
selectCtrl.options[0] = new Option(prompt);
j = 1;
}
if (itemArray != null) {

for (i = 0; i < itemArray.length; i++) {
selectCtrl.options[j] = new Option(itemArray[i][0]);
if (itemArray[i][1] != null) {
selectCtrl.options[j].value = itemArray[i][1];
}
j++;
}

selectCtrl.options[0].selected = true;
}
}
else
{
document.main.sel1.style.display = "none";
document.main.sel2.style.display = "";
}
}
</SCRIPT>

<title>2list drop down menu</title>
<style type="text/css">
</style>

</head>

<BODY bgcolor="#FFFFFF" text="#000000">
<p align="center">
</p>

<table width="550" border="0" cellspacing="0" cellpadding="5" align="center" bgcolor="#F5F5F5">
<tr>
<td>
<form name="main" method="post" action="collect.asp" target="_blank">
<div align="center" >
<select
onChange="fillSelectFromArray(this.form.SubMenu, ((this.selectedIndex == -1) ? null : SubMenuinfo[

this.selectedIndex-1]));" name=MainMenu class="menu">
<option value=-1 selected>select type
<option value="type1">type 1
<option value="type2">type 2
<option value="type3">type 3
<option value="type4">type 4 </option> s
</select>
<select size=1 name=SubMenu class="menu" id=sel1 style="display:" >
<option>---------------</option>
<option></option>
<option></option>
<option></option>
<option></option>
</select>
<input type="text" value="Submit it" name="submit" id=sel2 style="display:none">
<input type="submit" value="Submit it" name="submit">
</div>
</form>
</td>
</tr>
</table>

</BODY>
</HTML>

indeed 2003-08-19

打赏
举报

自己看看，修改修改，肯定能符合你的要求
<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language=JavaScript>

SubMenuinfo = new Array(
new Array(
new Array("1-1"),
new Array("1-2"),
new Array("1-3"),
new Array("1-4"),
new Array("1-5"),
new Array("1-6"),
new Array("1-7"),
new Array("1-8"),
new Array("1-9"),
new Array("1-10"),
new Array("1-11")
),
new Array(
new Array("2-1"),
new Array("2-2"),
new Array("2-3"),
new Array("2-4"),
new Array("2-5"),
new Array("2-6"),
new Array("2-7"),
new Array("2-8")
),
new Array(
new Array("3-1"),
new Array("3-2"),
new Array("3-3"),
new Array("3-4"),
new Array("3-5"),
new Array("3-6")
),
new Array(
new Array("4-1"),
new Array("4-2"),
new Array("4-3"),
new Array("4-4"),
new Array("4-5"),
new Array("4-6")
)
);

function fillSelectFromArray(selectCtrl, itemArray, goodPrompt, badPrompt, defaultItem) {
var i, j;
var prompt;

for (i = selectCtrl.options.length; i >= 0; i--) {
selectCtrl.options[i] = null;
}
prompt = (itemArray != null) ? goodPrompt : badPrompt;
if (prompt == null) {
j = 0;
} else {
selectCtrl.options[0] = new Option(prompt);
j = 1;
}
if (itemArray != null) {

for (i = 0; i < itemArray.length; i++) {
selectCtrl.options[j] = new Option(itemArray[i][0]);
if (itemArray[i][1] != null) {
selectCtrl.options[j].value = itemArray[i][1];
}
j++;
}

selectCtrl.options[0].selected = true;
}
}
</SCRIPT>

<title>2list drop down menu</title>
<style type="text/css">
</style>

</head>

<BODY bgcolor="#FFFFFF" text="#000000">
<p align="center">
</p>

<table width="550" border="0" cellspacing="0" cellpadding="5" align="center" bgcolor="#F5F5F5">
<tr>
<td>
<form name="main" method="post" action="mailto:abc@263.net">
<div align="center">
<select
onChange="if(this.selectedIndex<4)fillSelectFromArray(this.form.SubMenu, ((this.selectedIndex == -1) ? null : SubMenuinfo[this.selectedIndex-1])); else document.all.myspan.innerHTML='<input>';" name=MainMenu class="menu">
<option value=-1 selected>select type
<option value="type1">type 1
<option value="type2">type 2
<option value="type3">type 3
<option value="type4">type 4 </option>
</select>
<span id=myspan>
<select size=1 name=SubMenu class="menu">
<option>---------------</option>
<option></option>
<option></option>
<option></option>
<option></option>
</select>
</span>
<input type="submit" value="Submit it" name="submit">
</div>
</form>
</td>
</tr>
</table>

</BODY>
</HTML>