28,409
社区成员
发帖
与我相关
我的任务
分享救命！怎样实现后面下拉菜单的值根据前面下拉菜单选中的值而变化！
各为大师救命啊！请问我如何实现我要实现以下功能：
我有三个下拉菜单，要求当后面的下拉菜单的值根据前面的变化。譬如第一个下拉菜单有选购电脑的：“整机类，配件类”第二个下拉菜单的值是对第一个框的详细描述“联想；方正，TCL...（整机类）；主板，CPU，显卡，声卡（配件类）第三个框则根据第二个框来变化。。。及实现如：http://www.pconline.com.cn/market/price/city=1&BigkindProduct=2&SmallKindProduct=4&.html 上那样动态选择的功能！
怎样实现。最好能给我原码。用VBScript写的那就最最好！谢谢
我有三个下拉菜单，要求当后面的下拉菜单的值根据前面的变化。譬如第一个下拉菜单有选购电脑的：“整机类，配件类”第二个下拉菜单的值是对第一个框的详细描述“联想；方正，TCL...（整机类）；主板，CPU，显卡，声卡（配件类）第三个框则根据第二个框来变化。。。及实现如：http://www.pconline.com.cn/market/price/city=1&BigkindProduct=2&SmallKindProduct=4&.html 上那样动态选择的功能！
怎样实现。最好能给我原码。用VBScript写的那就最最好！谢谢
...全文
请发表友善的回复…
发表回复
8988 2002-05-09
- 打赏
- 举报
这是一个日期选择例子，里面有连动变化的功能
<script>
function getDays(year,month){
d=new Date();
d.setFullYear(year,month,31);
//alert(d.getDate());
if (d.getDate()<31) return 31-d.getDate();
return d.getDate();
}
function chgDays(){
yy=document.all.YY.value;
mm=document.all.MM.value;
mm--;
days=getDays(yy,mm);
olddays=document.all.DD.options.length;
while (days>olddays){
olddays++;
document.all.DD.options.add(new Option(olddays+"日",olddays));
}
while (days<olddays){
olddays--;
document.all.DD.options.remove(olddays);
}
}
</script>
<select size="1" name="YY" onchange=chgDays()>
<script>
d=new Date();
yy=d.getFullYear();
for (i=0;i<20;i++){
x=yy-i;
document.write ("<option value='"+x+"'>"+x+"年</option>");
}
</script>
</select>
<select size="1" name="MM" onchange=chgDays()>
<script>
for (i=1;i<=12;i++){
document.write ("<option value='"+i+"'>"+i+"月</option>");
}
</script>
</select>
<select size="1" name="DD">
<script>
mm=d.getMonth();
document.all.MM.selectedIndex=mm;
dd=d.getDate();
for (i=1;i<=30;i++){
if (i==dd) sel=" selected"
else sel=""
document.write ("<option value='"+i+"'"+sel+">"+i+"日</option>");
}
</script>
</select>
<script>
function getDays(year,month){
d=new Date();
d.setFullYear(year,month,31);
//alert(d.getDate());
if (d.getDate()<31) return 31-d.getDate();
return d.getDate();
}
function chgDays(){
yy=document.all.YY.value;
mm=document.all.MM.value;
mm--;
days=getDays(yy,mm);
olddays=document.all.DD.options.length;
while (days>olddays){
olddays++;
document.all.DD.options.add(new Option(olddays+"日",olddays));
}
while (days<olddays){
olddays--;
document.all.DD.options.remove(olddays);
}
}
</script>
<select size="1" name="YY" onchange=chgDays()>
<script>
d=new Date();
yy=d.getFullYear();
for (i=0;i<20;i++){
x=yy-i;
document.write ("<option value='"+x+"'>"+x+"年</option>");
}
</script>
</select>
<select size="1" name="MM" onchange=chgDays()>
<script>
for (i=1;i<=12;i++){
document.write ("<option value='"+i+"'>"+i+"月</option>");
}
</script>
</select>
<select size="1" name="DD">
<script>
mm=d.getMonth();
document.all.MM.selectedIndex=mm;
dd=d.getDate();
for (i=1;i<=30;i++){
if (i==dd) sel=" selected"
else sel=""
document.write ("<option value='"+i+"'"+sel+">"+i+"日</option>");
}
</script>
</select>
cmsoft 2002-05-09
- 打赏
- 举报
请搜索以前的帖子先……
qisanyou 2002-05-09
- 打赏
- 举报
你把那个页面保存下来看看源代码不就行啦,要么参考这个:
<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language=JavaScript>
SubMenuinfo = new Array(
new Array(
new Array("产1-1", 39482304),
new Array("产品1-2", 34802389),
new Array("产品1-3", 39823498),
new Array("产品1-4", 87587343),
new Array("产品1-5", 68798735),
new Array("产品1-6", 98098509),
new Array("产品1-7", 49490583),
new Array("产品1-8", 32898334),
new Array("产品1-9", 92340934),
new Array("产品1-10", 34923409),
new Array("产品1-11", 59384093)
),
new Array(
new Array("产品2-1", 23840238),
new Array("产品2-2", 92390484),
new Array("产品2-3", 29048203),
new Array("产品2-4", 94098230),
new Array("产品2-5", 39234923),
new Array("产品2-6", 29345423),
new Array("产品2-7", 24890234),
new Array("产品2-8", 92349823)
),
null,
//主分类3没有子分类,用null;
new Array(
new Array("产品4-1", 20394802),
new Array("产品4-2", 34982039),
new Array("产品4-3", 92348902),
new Array("产品4-4", 98203894),
new Array("产品4-5", 98234902),
new Array("产品4-6", 52938409)
)
);
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">
<!--
body { font-size: 9pt; margin-top: 0px}
td { font-size: 9pt}
.menu { font-family: "黑体"; font-size: 9pt; background-color: #CCCCFF}
-->
</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>选择产品分类
<option value="分类1">产品分类1
<option value="分类2">产品分类2
<option value="分类3">产品分类3
<option value="分类4">产品分类4 </option>
</select>
<select size=1 name=SubMenu class="menu">
<option>---------------</option>
</select>
<input type="submit" value="Submit it" name="submit">
</div>
</form>
</td>
</tr>
</table>
<p> </p>
</BODY>
</HTML>
<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language=JavaScript>
SubMenuinfo = new Array(
new Array(
new Array("产1-1", 39482304),
new Array("产品1-2", 34802389),
new Array("产品1-3", 39823498),
new Array("产品1-4", 87587343),
new Array("产品1-5", 68798735),
new Array("产品1-6", 98098509),
new Array("产品1-7", 49490583),
new Array("产品1-8", 32898334),
new Array("产品1-9", 92340934),
new Array("产品1-10", 34923409),
new Array("产品1-11", 59384093)
),
new Array(
new Array("产品2-1", 23840238),
new Array("产品2-2", 92390484),
new Array("产品2-3", 29048203),
new Array("产品2-4", 94098230),
new Array("产品2-5", 39234923),
new Array("产品2-6", 29345423),
new Array("产品2-7", 24890234),
new Array("产品2-8", 92349823)
),
null,
//主分类3没有子分类,用null;
new Array(
new Array("产品4-1", 20394802),
new Array("产品4-2", 34982039),
new Array("产品4-3", 92348902),
new Array("产品4-4", 98203894),
new Array("产品4-5", 98234902),
new Array("产品4-6", 52938409)
)
);
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">
<!--
body { font-size: 9pt; margin-top: 0px}
td { font-size: 9pt}
.menu { font-family: "黑体"; font-size: 9pt; background-color: #CCCCFF}
-->
</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>选择产品分类
<option value="分类1">产品分类1
<option value="分类2">产品分类2
<option value="分类3">产品分类3
<option value="分类4">产品分类4 </option>
</select>
<select size=1 name=SubMenu class="menu">
<option>---------------</option>
</select>
<input type="submit" value="Submit it" name="submit">
</div>
</form>
</td>
</tr>
</table>
<p> </p>
</BODY>
</HTML>
