二级联动关联文本框，文本框显示不同内容（非第二个下拉框的内容）

此回复为自动发出,仅用于显示而已，并无任何其他特殊作用
楼主【tlanka】截止到2008-06-28 18:34:00的历史汇总数据(不包括此帖)：
发帖数:1                  发帖分:0
结贴数:0                  结贴分:0
未结数:1                  未结分:0
结贴率:0.00  %            结分率:-------------------
如何结贴请参考这里：http://topic.csdn.net/u/20080501/09/ef7ba1b3-6466-49f6-9d92-36fe6d471dd1.html

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head><body>
<script language="javascript">
var firstArray=[
['A','B','C'],
['D','E','F'],
['G','H','J']
];

function $(o){return document.getElementById(o);}
function showFirst(i){
var sel=$("first");
if(i>=1&&i<=firstArray.length){
sel.options.length=1;
var ary=firstArray[i-1];
for(var j=0;j<ary.length;j++){
sel.options.add(new Option(ary[j]));
}
  } else{
   alert("数组越界");
  }
  return;
}function showValue(input){
if(parseInt(input)==0)
return;
$("newTxt").value=""+input+input+input;
}
</script>
<select onChange="showFirst(this.options[this.selectedIndex].value);">
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select><select id="first" onChange="showValue(this.options[this.selectedIndex].value);">
<option value="0">==</option>
</select>
<input type="text" id="newTxt">
</body>
</html>
改一下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head><body>
<script language="javascript">
var firstArray=[
                    ['A','B','C'],
                    ['D','E','F'],
                    ['G','H','J']
                ];

function $(o){return document.getElementById(o);}
function showFirst(i){
var sel=$("first");
if(i>=1&&i<=firstArray.length){
     sel.options.length=1;
    var ary=firstArray[i-1];
    for(var j=0;j<ary.length;j++){
        sel.options.add(new Option(ary[j]));
    }
  } else{
      alert("数组越界");
  }
  return;
}function showValue(input){
    if(parseInt(input)==0)
        return;
    $("newTxt").value=""+input+input+input;
}
</script>
<select onChange="showFirst(this.options[this.selectedIndex].value);">
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select><select id="first" onChange="showValue(this.options[this.selectedIndex].text);">
<option value="0">==</option>
</select>
<input type="text" id="newTxt">
</body>
</html>
二级联动关联文本框，文本框显示不同内容（非第二个下拉框的内容）???第二个下拉框的value不能是AAA,BBB,... ?给文本框赋值时改一下就好了
当我选择1时，第二个下拉框就会出现A,B,C。
  当我选择2时，第二个下拉框就会出现D,E,F。
  第二个下拉框显示A、B、C、D、E、F时，文本框显示AAA、BBB、CCC、DDD、EEE、FFF 那你选择什么时候第二个下拉框才会显示A、B、C、D、E、F？？？？？难不成你的意思是现要选择1然后选择2累加成的？
当我选择1时，第二个下拉框就会出现A,B,C。
  当我选择2时，第二个下拉框就会出现D,E,F。
  第二个下拉框显示A、B、C、D、E、F时，文本框显示AAA、BBB、CCC、DDD、EEE、FFF 那你选择什么时候第二个下拉框才会显示A、B、C、D、E、F？？？？？难不成你的意思是现要选择1然后选择2累加成的？先搞清楚这些关系
当我选择1时，第二个下拉框就会出现A,B,C。
  当我选择2时，第二个下拉框就会出现D,E,F。
  第二个下拉框显示A、B、C、D、E、F时，文本框显示AAA、BBB、CCC、DDD、EEE、FFF 那你选择什么时候第二个下拉框才会显示A、B、C、D、E、F？？？？？难不成你的意思是现要选择1然后选择2累加成的？先搞清楚这些关系
当我选择1时，第二个下拉框就会出现A,B,C。
  当我选择2时，第二个下拉框就会出现D,E,F。
  第二个下拉框显示A、B、C、D、E、F时，文本框显示AAA、BBB、CCC、DDD、EEE、FFF 那你选择什么时候第二个下拉框才会显示A、B、C、D、E、F？？？？？难不成你的意思是现要选择1然后选择2累加成的？先搞清楚这些关系
谢谢lawrendc和chinmo ，可能是我没有说清楚，我再更清楚的重说一次现在有两个下拉框，一个文本框第一个下拉框的内容是：固定资产、流动资产当第一个下拉框选择固定资产时，第二个下拉框可选的内容为电脑、桌椅、饮水机当第一个下拉框选择流动资产时，第二个下拉框可选的内容为现金、银行存款当第二个下拉框分别选择电脑、桌椅、饮水机、现金、银行存款时文本框显示的是对应的物品介绍，比如：选择电脑时，文本框显示：品牌联想选择桌椅时，文本框显示：高档办公椅选择饮水机，文本框显示：美的选择现金时，文本框显示：100000选择银行存款时，文本框显示：无
谢谢各位帮忙了
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head><body>
<script language="javascript">
var Array=[
                    ['电脑','桌椅','饮水机'],
                    ['现金','银行存款']
                ];

function $(o){return document.getElementById(o);}
function showFirst(Value){
var sel=$("two");
sel.options.length=1;
if(Value=="固定资产"){
var ary=Array[0];
    for(var j=0;j<ary.length;j++){
        sel.options.add(new Option(ary[j],ary[j]));
    }
}
else if(Value=="流动资产"){
var ary=Array[1];
    for(var j=0;j<ary.length;j++){
        sel.options.add(new Option(ary[j],ary[j]));
    }
}
else{

  }return;
}function showValue(Value){
    if(Value==""){return;}
if(Value=="电脑"){Value="品牌联想";}
if(Value=="桌椅"){Value="高档办公椅";}
if(Value=="饮水机"){Value="美的";}
if(Value=="现金"){Value="100000";}
if(Value=="银行存款"){Value="无";}
    $("newTxt").value=Value;
}
</script>
<select onChange="showFirst(this.options[this.selectedIndex].value);" id="first">
<option value="" selected>请选择</option>
<option value="固定资产">固定资产</option>
<option value="流动资产">流动资产</option>
</select><select id="two" onChange="showValue(this.options[this.selectedIndex].value);">
<option value="">请选择</option>
</select>
<input type="text" id="newTxt" value="">
</body>
</html>