下拉列表和文本框的联动问题～

<head>
<script language="JavaScript">
<!--
var str="产品1#有库存|产品2#有库存|产品3#无库存|产品4#未生产|产品5#无库存";
function doChg(Obj){
txtState.value=Obj.value;
}
//-->
</script>
</head>
<body onLoad="javascript:doChg(dltProduct)">
<select id="dltProduct" onChange="doChg(this)">
<script language="JavaScript">
<!--
var arr=str.split("|");
for(var i=0;i<arr.length;i++){
var arr1=arr[i].split("#");
document.write("<option value="+arr1[1]+">"+arr1[0]+"</option>");
}
//-->
</script>
<select>
<input type="text" id="txtState">
</body>

解决方案 »

  1.   

    能不能不改变我前面产生select 的方式呢？
      

  2.   

    提供一个方法：
    用“|”把“产品1#有库存|产品2#有库存|产品3#无库存|产品4#未生产|产品5#无库存
    ”分成javascript数组，
                如arr[0]=(产品1#有库存)
                  arr[1]=(产品2#有库存)
                  …………………………
    把select的　Option 的 value赋值为arr[0]……
    当选择不同值时，用“#”拆分arr[0]为数组arr1[0]=产品1,arr1[1]=有库存，把arr1[1]=赋值给文本框即可。