读取下拉框中的值 添加到同一页面的 tab表格中？


<html>
<head><meta http-equiv="Content-Type" >
<title></title>
<style> 
body,select 
{ 
font-size:9pt; 
font-family:Verdana; 
} 
a 
{ 
color:red; 
text-decoration:none; 
} 
a:hover{ 
text-decoration:underline; 
} 
</style> 
<script type="text/javascript"><!--function Dsy() 
{ 
this.Items = {}; 
} 
Dsy.prototype.add = function(id,iArray) 
{ 
this.Items[id] = iArray; 
} 
Dsy.prototype.Exists = function(id) 
{ 
if(typeof(this.Items[id]) == "undefined") return false; 
return true; 
}
function change(v){ 
var str="0"; 
for(i=0;i<v;i++){ str+=("_"+(document.getElementById(s[i]).selectedIndex-1));}; 
var ss=document.getElementById(s[v]); 
with(ss){ 
length = 0; 
options[0]=new Option(opt0[v],opt0[v]); 
if(v && document.getElementById(s[v-1]).selectedIndex>0 || !v) 
{ 
   if(dsy.Exists(str)){ 
    ar = dsy.Items[str]; 
    for(i=0;i<ar.length;i++)options[length]=new Option(ar[i],ar[i]); 
    if(v)options[1].selected = true; 
   } 
} 
if(++v<s.length){change(v);} 
} 
}
var dsy = new Dsy();
dsy.add("0",["前置服务器组","中继器","基金手持","卡把机","开袋工具","基金袋","基金锁片","工作卡","配件"]);dsy.add("0_0",["FD-BS4"]);
dsy.add("0_0_0",[""]); dsy.add("0_1",["无主板","有主板"]); 
dsy.add("0_1_0",[""]); 
dsy.add("0_1_1",[""]); 
dsy.add("0_2",["有线","无线"]); 
dsy.add("0_2_0",[""]); 
dsy.add("0_2_1",[""]); dsy.add("0_3",["FC-BS4"]); 
dsy.add("0_3_0",[""]);
dsy.add("0_3_1",[""]);dsy.add("0_4",[""]); 
dsy.add("0_4_0",[""]); 
dsy.add("0_4_1",[""]); 
dsy.add("0_5",["100元","50元","20元","10元","5元","1元","5角"]); 
dsy.add("0_5_0",["完整卷","残碎卷"]); 
dsy.add("0_5_1",["完整卷","残碎卷"]);
dsy.add("0_5_2",["完整卷","残碎卷"]); 
dsy.add("0_5_3",["完整卷","残碎卷"]); 
dsy.add("0_5_4",["完整卷","残碎卷"]); 
dsy.add("0_5_5",["完整卷","残碎卷"]); 
dsy.add("0_5_6",["完整卷","残碎卷"]);  
dsy.add("0_6",["100元","50元","20元","10元","5元","1元","5角"]); 
dsy.add("0_6_0",["完整卷|清分","完整卷|未清分","残碎卷|复点","残碎卷|未复点"]); 
dsy.add("0_6_1",["完整卷|清分","完整卷|未清分","残碎卷|复点","残碎卷|未复点"]); 
dsy.add("0_6_2",["完整卷|清分","完整卷|未清分","残碎卷|复点","残碎卷|未复点"]); 
dsy.add("0_6_3",["完整卷|清分","完整卷|未清分","残碎卷|复点","残碎卷|未复点"]); 
dsy.add("0_6_4",["完整卷|清分","完整卷|未清分","残碎卷|复点","残碎卷|未复点"]); 
dsy.add("0_6_5",["完整卷|清分","完整卷|未清分","残碎卷|复点","残碎卷|未复点"]); 
dsy.add("0_6_6",["完整卷|清分","完整卷|未清分","残碎卷|复点","残碎卷|未复点"]); dsy.add("0_7",[""]); 
dsy.add("0_7_0",[""]); 
dsy.add("0_7_1",[""]); 
dsy.add("0_8",["显示器"]); 
dsy.add("0_8_0",[""]); 
dsy.add("0_8_1",[""]); var s=["s1","s2","s3"]; 
var opt0 = ["产品","规格","型号"]; 
function setup() 
{ 
for(i=0;i<s.length-1;i++) 
document.getElementById(s[i]).onchange=new Function("change("+(i+1)+")"); 
change(0); 
} 
function addItem() {
with (document.getElementById("orderForm")) {         
           
           var arr = document.getElementsByTagName('td'),str = [];
           for(var i=0,len=arr.length;i<len;i++)
           {
                 if(arr[i].className == 'name'){
                    str.push(arr[i].innerHTML);
                    alert(arr[0]);
               }
           }
           var p = str.join('*');
           alert(p);
           
           var arr1 = document.getElementsByTagName('td'),str1 = [];
           for(var i=0,len=arr1.length;i<len;i++)
           {
                 if(arr1[i].className == 'guige'){
                    str1.push(arr1[i].innerHTML);
               }
           }
           var g = str1.join('*');
           alert(g);
            
           var arr2 = document.getElementsByTagName('td'),str2 = [];
           for(var i=0,len=arr2.length;i<len;i++)
           {
                 if(arr2[i].className == 'type'){
                   str2.push(arr2[i].innerHTML);
               }
           }
           var t = str2.join('*'); 
           alert(t);
            
           var arr3 = document.getElementsByTagName('td'),str3 = [];
           for(var i=0,len=arr3.length;i<len;i++)
           {
                 if(arr3[i].className == 'unit'){
                   str3.push(arr3[i].innerHTML);
               }
           }
           var u = str3.join('*');
           alert(u);
            
           var arr4 = document.getElementsByTagName('td'),str4 = [];
           for(var i=0,len=arr4.length;i<len;i++)
           {
                 if(arr4[i].className == 'number'){
                   str4.push(arr4[i].innerHTML);
               }
           }
           var n = str4.join('*');
           alert(n);
            
           
            method="post";
            action="order.do?method=add&product="+p+"&guige="+g+"&type="+t+"&unit="+u+"&number="+n;
submit();
}
}

function goBack() {
window.self.location = "order.do?method=queryall&pageNo=1&pageSize=20";
}


--></script>
</head>
<body  class="body1" bgcolor="#E0E0E0" onLoad="setup()" style="margin:0">
<form  name="orderForm" target="_self" id="orderForm">
   <table  id="tab1" width="864" height="50"  border="1" align="center" cellspacing="0">
       
        <tr>
        <td>
        <select name="select" id="s1" style="width: 120px;">
          <option>产品</option>
        </select>
        </td>
        <td>
        <select name="select2" id="s2" style="width: 120px;">
          <option>规格</option>
        </select>
        </td>
       
        <td>
        <select name="select3" id="s3" style="width: 120px;">
          <option>型号</option>
        </select>
        </td>
        
        <td>
        <select name="select4" id="s4" style="width: 120px;">
  <option >单位</option>
          <option value="个">个</option>
  <option value="台">台</option>
  <option value="把">把</option>
        </select>
        </td>
       
        <td>
        <input type="text" id="s5" name="number" style="width: 120px;"></td>
        <td>
        <input type="button" value="添加" id="btn" />
        </td>
       </tr>    
  </table>
  <table id="tab" width="864" height="50"  border="1" align="center" cellspacing="0">
  </table>
     <script>
            document.getElementById('btn').onclick = function(){
            alert("点击了btn");
            var value  = document.getElementById('s1')[document.getElementById('s1').selectedIndex].value;            var value1 = document.getElementById('s2')[document.getElementById('s2').selectedIndex].value;            var value2 = document.getElementById('s3')[document.getElementById('s3').selectedIndex].value;            var value3 = document.getElementById('s4')[document.getElementById('s4').selectedIndex].value;            var value4 = document.getElementById('s5').value;            var tr  = document.createElement('tr');
            tr.width="800";            var td1 = document.createElement('td');
            td1.width="140px";            td1.setAttribute('class' , 'name')  
            var td2 = document.createElement('td');
            td2.width="140px";
            td2.setAttribute('class' , 'guige')  
            var td3 = document.createElement('td');
            td3.width="140px";
            td3.setAttribute('class' , 'type')  
            var td4 = document.createElement('td');
            td4.width="140px";
            td4.setAttribute('class' , 'unit')  
            var td5 = document.createElement('td');
            td5.width="140px";
            td5.setAttribute('class' , 'number')  
            td1.innerHTML = value;
            td2.innerHTML = value1;
            td3.innerHTML = value2;
            td4.innerHTML = value3;
            td5.innerHTML = value4;
            tr.appendChild(td1);
            tr.appendChild(td2);
            tr.appendChild(td3);
            tr.appendChild(td4);
            tr.appendChild(td5);            document.getElementById('tab').appendChild(tr);
            alert("1");
            var input  = document.createElement("input");
            input.type ='button';
            input.value= '删除';
            alert("2");
            tr.appendChild(input);
            alert("3");
            input.onclick = function(){
            document.getElementById('tab').removeChild(tr);
            }
        };
     </script>
</form>
</body>
</html>为什么在IE下不能读取下拉框中的值 添加到同一页面的 tab表格中？
而在ff中能呢？

解决方案 »

  1.   

    <html>
    <head><meta http-equiv="Content-Type" >
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <style> 
    body,select 
    { 
    font-size:9pt; 
    font-family:Verdana; 
    } 
    a 
    { 
    color:red; 
    text-decoration:none; 
    } 
    a:hover{ 
    text-decoration:underline; 
    } 
    </style> 
    <script type="text/javascript"><!--function Dsy() 
    { 
    this.Items = {}; 
    } 
    Dsy.prototype.add = function(id,iArray) 
    { 
    this.Items[id] = iArray; 
    } 
    Dsy.prototype.Exists = function(id) 
    { 
    if(typeof(this.Items[id]) == "undefined") return false; 
    return true; 
    }
    function change(v){ 
    var str="0"; 
    for(i=0;i<v;i++){ str+=("_"+(document.getElementById(s[i]).selectedIndex-1));}; 
    var ss=document.getElementById(s[v]); 
    with(ss){ 
    length = 0; 
    options[0]=new Option(opt0[v],opt0[v]); 
    if(v && document.getElementById(s[v-1]).selectedIndex>0 || !v) 
    { 
       if(dsy.Exists(str)){ 
        ar = dsy.Items[str]; 
        for(i=0;i<ar.length;i++)options[length]=new Option(ar[i],ar[i]); 
        if(v)options[1].selected = true; 
       } 
    } 
    if(++v<s.length){change(v);} 
    } 
    }
    var dsy = new Dsy();
    dsy.add("0",["前置服务器组","中继器","基金手持","卡把机","开袋工具","基金袋","基金锁片","工作卡","配件"]);dsy.add("0_0",["FD-BS4"]);
    dsy.add("0_0_0",[""]); dsy.add("0_1",["无主板","有主板"]); 
    dsy.add("0_1_0",[""]); 
    dsy.add("0_1_1",[""]); 
    dsy.add("0_2",["有线","无线"]); 
    dsy.add("0_2_0",[""]); 
    dsy.add("0_2_1",[""]); dsy.add("0_3",["FC-BS4"]); 
    dsy.add("0_3_0",[""]);
    dsy.add("0_3_1",[""]);dsy.add("0_4",[""]); 
    dsy.add("0_4_0",[""]); 
    dsy.add("0_4_1",[""]); 
    dsy.add("0_5",["100元","50元","20元","10元","5元","1元","5角"]); 
    dsy.add("0_5_0",["完整卷","残碎卷"]); 
    dsy.add("0_5_1",["完整卷","残碎卷"]);
    dsy.add("0_5_2",["完整卷","残碎卷"]); 
    dsy.add("0_5_3",["完整卷","残碎卷"]); 
    dsy.add("0_5_4",["完整卷","残碎卷"]); 
    dsy.add("0_5_5",["完整卷","残碎卷"]); 
    dsy.add("0_5_6",["完整卷","残碎卷"]);  
    dsy.add("0_6",["100元","50元","20元","10元","5元","1元","5角"]); 
    dsy.add("0_6_0",["完整卷|清分","完整卷|未清分","残碎卷|复点","残碎卷|未复点"]); 
    dsy.add("0_6_1",["完整卷|清分","完整卷|未清分","残碎卷|复点","残碎卷|未复点"]); 
    dsy.add("0_6_2",["完整卷|清分","完整卷|未清分","残碎卷|复点","残碎卷|未复点"]); 
    dsy.add("0_6_3",["完整卷|清分","完整卷|未清分","残碎卷|复点","残碎卷|未复点"]); 
    dsy.add("0_6_4",["完整卷|清分","完整卷|未清分","残碎卷|复点","残碎卷|未复点"]); 
    dsy.add("0_6_5",["完整卷|清分","完整卷|未清分","残碎卷|复点","残碎卷|未复点"]); 
    dsy.add("0_6_6",["完整卷|清分","完整卷|未清分","残碎卷|复点","残碎卷|未复点"]); dsy.add("0_7",[""]); 
    dsy.add("0_7_0",[""]); 
    dsy.add("0_7_1",[""]); 
    dsy.add("0_8",["显示器"]); 
    dsy.add("0_8_0",[""]); 
    dsy.add("0_8_1",[""]); var s=["s1","s2","s3"]; 
    var opt0 = ["产品","规格","型号"]; 
    function setup() 
    { 
    for(i=0;i<s.length-1;i++) 
    document.getElementById(s[i]).onchange=new Function("change("+(i+1)+")"); 
    change(0); 
    }     
        function addItem() {
            with (document.getElementById("orderForm")) {         
               
               var arr = document.getElementsByTagName('td'),str = [];
               for(var i=0,len=arr.length;i<len;i++)
               {
                     if(arr[i].className == 'name'){
                        str.push(arr[i].innerHTML);
                        alert(arr[0]);
                   }
               }
               var p = str.join('*');
               alert(p);
               
               var arr1 = document.getElementsByTagName('td'),str1 = [];
               for(var i=0,len=arr1.length;i<len;i++)
               {
                     if(arr1[i].className == 'guige'){
                        str1.push(arr1[i].innerHTML);
                   }
               }
               var g = str1.join('*');
               alert(g);
                
               var arr2 = document.getElementsByTagName('td'),str2 = [];
               for(var i=0,len=arr2.length;i<len;i++)
               {
                     if(arr2[i].className == 'type'){
                       str2.push(arr2[i].innerHTML);
                   }
               }
               var t = str2.join('*'); 
               alert(t);
                
               var arr3 = document.getElementsByTagName('td'),str3 = [];
               for(var i=0,len=arr3.length;i<len;i++)
               {
                     if(arr3[i].className == 'unit'){
                       str3.push(arr3[i].innerHTML);
                   }
               }
               var u = str3.join('*');
               alert(u);
                
               var arr4 = document.getElementsByTagName('td'),str4 = [];
               for(var i=0,len=arr4.length;i<len;i++)
               {
                     if(arr4[i].className == 'number'){
                       str4.push(arr4[i].innerHTML);
                   }
               }
               var n = str4.join('*');
               alert(n);
                
               
                method="post";
                action="order.do?method=add&product="+p+"&guige="+g+"&type="+t+"&unit="+u+"&number="+n;
                submit();
            }
        }
        
        function goBack() {
            window.self.location = "order.do?method=queryall&pageNo=1&pageSize=20";
        }
        
        
    --></script>
    </head>
    <body  class="body1" bgcolor="#E0E0E0" onLoad="setup()" style="margin:0">
    <form  name="orderForm" target="_self" id="orderForm">
       <table  id="tab1" width="864" height="50"  border="1" align="center" cellspacing="0">
           
            <tr>
            <td>
            <select name="select" id="s1" style="width: 120px;">
              <option value="产品">产品</option>
            </select>
            </td>
            <td>
            <select name="select2" id="s2" style="width: 120px;">
              <option value="规格">规格</option>
            </select>
            </td>
           
            <td>
            <select name="select3" id="s3" style="width: 120px;">
              <option value="型号">型号</option>
            </select>
            </td>
            
            <td>
            <select name="select4" id="s4" style="width: 120px;">
              <option value="单位">单位</option>
              <option value="个">个</option>
              <option value="台">台</option>
              <option value="把">把</option>
            </select>
            </td>
           
            <td>
            <input type="text" id="s5" name="number" style="width: 120px;"></td>
            <td>
            <input type="button" value="添加" id="btn" />
            </td>
           </tr>    
      </table>
      <table width="864" height="50"  border="1" align="center" cellspacing="0">
       <tbody id="tab"></tbody>
      </table>
         <script>
                document.getElementById('btn').onclick = function(){
                alert("点击了btn");
                var value  = document.getElementById('s1')[document.getElementById('s1').selectedIndex].value;            var value1 = document.getElementById('s2')[document.getElementById('s2').selectedIndex].value;            var value2 = document.getElementById('s3')[document.getElementById('s3').selectedIndex].value;            var value3 = document.getElementById('s4')[document.getElementById('s4').selectedIndex].value;            var value4 = document.getElementById('s5').value;            var tr  = document.createElement('tr');
                tr.width="800";            var td1 = document.createElement('td');
                td1.width="140px";            td1.setAttribute('class' , 'name')  
                var td2 = document.createElement('td');
                td2.width="140px";
                td2.setAttribute('class' , 'guige')  
                var td3 = document.createElement('td');
                td3.width="140px";
                td3.setAttribute('class' , 'type')  
                var td4 = document.createElement('td');
                td4.width="140px";
                td4.setAttribute('class' , 'unit')  
                var td5 = document.createElement('td');
                td5.width="140px";
                td5.setAttribute('class' , 'number')   alert(value3)
                td1.innerHTML = value;
                td2.innerHTML = value1;
                td3.innerHTML = value2;
                td4.innerHTML = value3;
                td5.innerHTML = value4;
                tr.appendChild(td1);
                tr.appendChild(td2);
                tr.appendChild(td3);
                tr.appendChild(td4);
                tr.appendChild(td5);
                document.getElementById('tab').appendChild(tr);
                alert("1");
                var input  = document.createElement("input");
                input.type ='button';
                input.value= '删除';
                alert("2");
                tr.appendChild(input);
                alert("3");
                input.onclick = function(){
                document.getElementById('tab').removeChild(tr);
                }
            };
         </script>
    </form>
    </body>
    </html>
    option上加上value~`
      

  2.   

    var value  = document.getElementById('s1')[document.getElementById('s1').selectedIndex].innerHTML;            var value1 = document.getElementById('s2')[document.getElementById('s2').selectedIndex].innerHTML;            var value2 = document.getElementById('s3')[document.getElementById('s3').selectedIndex].innerHTML;            var value3 = document.getElementById('s4')[document.getElementById('s4').selectedIndex].innerHTML;要是不加value，用innerHTML 也能兼容IE，FF因为你option没有value所以ie拿的是空，火狐浏览器如果value是空的话，会自己去拿<option>标签中间的值，所以火狐能拿到~·为了兼容要么你加上value要么就直接拿innerHTML
      

  3.   


    <html>
    <head><meta http-equiv="Content-Type" >
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <style> 
    body,select 
    { 
    font-size:9pt; 
    font-family:Verdana; 
    } 
    a 
    { 
    color:red; 
    text-decoration:none; 
    } 
    a:hover{ 
    text-decoration:underline; 
    } 
    </style> 
    <script type="text/javascript"><!--function Dsy() 
    { 
    this.Items = {}; 
    } 
    Dsy.prototype.add = function(id,iArray) 
    { 
    this.Items[id] = iArray; 
    } 
    Dsy.prototype.Exists = function(id) 
    { 
    if(typeof(this.Items[id]) == "undefined") return false; 
    return true; 
    }
    function change(v){ 
    var str="0"; 
    for(i=0;i<v;i++){ str+=("_"+(document.getElementById(s[i]).selectedIndex-1));}; 
    var ss=document.getElementById(s[v]); 
    with(ss){ 
    length = 0; 
    options[0]=new Option(opt0[v],opt0[v]); 
    if(v && document.getElementById(s[v-1]).selectedIndex>0 || !v) 
    { 
       if(dsy.Exists(str)){ 
        ar = dsy.Items[str]; 
        for(i=0;i<ar.length;i++)options[length]=new Option(ar[i],ar[i]); 
        if(v)options[1].selected = true; 
       } 
    } 
    if(++v<s.length){change(v);} 
    } 
    }
    var dsy = new Dsy();
    dsy.add("0",["前置服务器组","中继器","基金手持","卡把机","开袋工具","基金袋","基金锁片","工作卡","配件"]);dsy.add("0_0",["FD-BS4"]);
    dsy.add("0_0_0",[""]); dsy.add("0_1",["无主板","有主板"]); 
    dsy.add("0_1_0",[""]); 
    dsy.add("0_1_1",[""]); 
    dsy.add("0_2",["有线","无线"]); 
    dsy.add("0_2_0",[""]); 
    dsy.add("0_2_1",[""]); dsy.add("0_3",["FC-BS4"]); 
    dsy.add("0_3_0",[""]);
    dsy.add("0_3_1",[""]);dsy.add("0_4",[""]); 
    dsy.add("0_4_0",[""]); 
    dsy.add("0_4_1",[""]); 
    dsy.add("0_5",["100元","50元","20元","10元","5元","1元","5角"]); 
    dsy.add("0_5_0",["完整卷","残碎卷"]); 
    dsy.add("0_5_1",["完整卷","残碎卷"]);
    dsy.add("0_5_2",["完整卷","残碎卷"]); 
    dsy.add("0_5_3",["完整卷","残碎卷"]); 
    dsy.add("0_5_4",["完整卷","残碎卷"]); 
    dsy.add("0_5_5",["完整卷","残碎卷"]); 
    dsy.add("0_5_6",["完整卷","残碎卷"]);  
    dsy.add("0_6",["100元","50元","20元","10元","5元","1元","5角"]); 
    dsy.add("0_6_0",["完整卷|清分","完整卷|未清分","残碎卷|复点","残碎卷|未复点"]); 
    dsy.add("0_6_1",["完整卷|清分","完整卷|未清分","残碎卷|复点","残碎卷|未复点"]); 
    dsy.add("0_6_2",["完整卷|清分","完整卷|未清分","残碎卷|复点","残碎卷|未复点"]); 
    dsy.add("0_6_3",["完整卷|清分","完整卷|未清分","残碎卷|复点","残碎卷|未复点"]); 
    dsy.add("0_6_4",["完整卷|清分","完整卷|未清分","残碎卷|复点","残碎卷|未复点"]); 
    dsy.add("0_6_5",["完整卷|清分","完整卷|未清分","残碎卷|复点","残碎卷|未复点"]); 
    dsy.add("0_6_6",["完整卷|清分","完整卷|未清分","残碎卷|复点","残碎卷|未复点"]); dsy.add("0_7",[""]); 
    dsy.add("0_7_0",[""]); 
    dsy.add("0_7_1",[""]); 
    dsy.add("0_8",["显示器"]); 
    dsy.add("0_8_0",[""]); 
    dsy.add("0_8_1",[""]); var s=["s1","s2","s3"]; 
    var opt0 = ["产品","规格","型号"]; 
    function setup() 
    { 
    for(i=0;i<s.length-1;i++) 
    document.getElementById(s[i]).onchange=new Function("change("+(i+1)+")"); 
    change(0); 
    }     
        function addItem() {
            with (document.getElementById("orderForm")) {         
               
               var arr = document.getElementsByTagName('td'),str = [];
               for(var i=0,len=arr.length;i<len;i++)
               {
                     if(arr[i].className == 'name'){
                        str.push(arr[i].innerHTML);
                        alert(arr[0]);
                   }
               }
               var p = str.join('*');
               alert(p);
               
               var arr1 = document.getElementsByTagName('td'),str1 = [];
               for(var i=0,len=arr1.length;i<len;i++)
               {
                     if(arr1[i].className == 'guige'){
                        str1.push(arr1[i].innerHTML);
                   }
               }
               var g = str1.join('*');
               alert(g);
                
               var arr2 = document.getElementsByTagName('td'),str2 = [];
               for(var i=0,len=arr2.length;i<len;i++)
               {
                     if(arr2[i].className == 'type'){
                       str2.push(arr2[i].innerHTML);
                   }
               }
               var t = str2.join('*'); 
               alert(t);
                
               var arr3 = document.getElementsByTagName('td'),str3 = [];
               for(var i=0,len=arr3.length;i<len;i++)
               {
                     if(arr3[i].className == 'unit'){
                       str3.push(arr3[i].innerHTML);
                   }
               }
               var u = str3.join('*');
               alert(u);
                
               var arr4 = document.getElementsByTagName('td'),str4 = [];
               for(var i=0,len=arr4.length;i<len;i++)
               {
                     if(arr4[i].className == 'number'){
                       str4.push(arr4[i].innerHTML);
                   }
               }
               var n = str4.join('*');
               alert(n);
                
               
                method="post";
                action="order.do?method=add&product="+p+"&guige="+g+"&type="+t+"&unit="+u+"&number="+n;
                submit();
            }
        }
        
        function goBack() {
            window.self.location = "order.do?method=queryall&pageNo=1&pageSize=20";
        }
        
        
    --></script>
    </head>
    <body  class="body1" bgcolor="#E0E0E0" onLoad="setup()" style="margin:0">
    <form  name="orderForm" target="_self" id="orderForm">
       <table  id="tab1" width="864" height="50"  border="1" align="center" cellspacing="0">
           
            <tr>
            <td>
            <select name="select" id="s1" style="width: 120px;">
              <option value="产品">产品</option>
            </select>
            </td>
            <td>
            <select name="select2" id="s2" style="width: 120px;">
              <option value="规格">规格</option>
            </select>
            </td>
           
            <td>
            <select name="select3" id="s3" style="width: 120px;">
              <option value="型号">型号</option>
            </select>
            </td>
            
            <td>
            <select name="select4" id="s4" style="width: 120px;">
              <option value="单位">单位</option>
              <option value="个">个</option>
              <option value="台">台</option>
              <option value="把">把</option>
            </select>
            </td>
           
            <td>
            <input type="text" id="s5" name="number" style="width: 120px;"></td>
            <td>
            <input type="button" value="添加" id="btn" />
            </td>
           </tr>    
      </table>
      <table width="864" height="50"  border="1" align="center" cellspacing="0">
          <tbody id="tab"></tbody>
      </table>
         <script>
                document.getElementById('btn').onclick = function(){
                alert("点击了btn");
                var value  = document.getElementById('s1')[document.getElementById('s1').selectedIndex].value;            var value1 = document.getElementById('s2')[document.getElementById('s2').selectedIndex].value;            var value2 = document.getElementById('s3')[document.getElementById('s3').selectedIndex].value;            var value3 = document.getElementById('s4')[document.getElementById('s4').selectedIndex].value;            var value4 = document.getElementById('s5').value;            var tr  = document.createElement('tr');
                tr.width="800";            var td1 = document.createElement('td');
                td1.width="140px";            td1.setAttribute('class' , 'name')  
                var td2 = document.createElement('td');
                td2.width="140px";
                td2.setAttribute('class' , 'guige')  
                var td3 = document.createElement('td');
                td3.width="140px";
                td3.setAttribute('class' , 'type')  
                var td4 = document.createElement('td');
                td4.width="140px";
                td4.setAttribute('class' , 'unit')  
                var td5 = document.createElement('td');
                td5.width="140px";
                td5.setAttribute('class' , 'number')              alert(value3)
                td1.innerHTML = value;
                td2.innerHTML = value1;
                td3.innerHTML = value2;
                td4.innerHTML = value3;
                td5.innerHTML = value4;
                tr.appendChild(td1);
                tr.appendChild(td2);
                tr.appendChild(td3);
                tr.appendChild(td4);
                tr.appendChild(td5);
    var td6 = document.createElement('td');
    var input  = document.createElement("input");
                input.type ='button';
                input.value= '删除';
    td6.appendChild(input)
                tr.appendChild(td6);
                document.getElementById('tab').appendChild(tr);
                input.onclick = function(){
                document.getElementById('tab').removeChild(tr);
                }
            };
         </script>
    </form>
    </body>
    </html>
      

  4.   


     function addItem() {
            with (document.getElementById("orderForm")) {         
               
               var arr = document.getElementsByTagName('td'),str = [];
               for(var i=0,len=arr.length;i<len;i++)
               {
                     if(arr[i].className == 'name'){
                        str.push(arr[i].innerHTML);
                        alert(arr[0]);
                   }
               }
               var p = str.join('*');
               alert(p);
               
               var arr1 = document.getElementsByTagName('td'),str1 = [];
               for(var i=0,len=arr1.length;i<len;i++)
               {
                     if(arr1[i].className == 'guige'){
                        str1.push(arr1[i].innerHTML);
                   }
               }
               var g = str1.join('*');
               alert(g);
                
               var arr2 = document.getElementsByTagName('td'),str2 = [];
               for(var i=0,len=arr2.length;i<len;i++)
               {
                     if(arr2[i].className == 'type'){
                       str2.push(arr2[i].innerHTML);
                   }
               }
               var t = str2.join('*'); 
               alert(t);
                
               var arr3 = document.getElementsByTagName('td'),str3 = [];
               for(var i=0,len=arr3.length;i<len;i++)
               {
                     if(arr3[i].className == 'unit'){
                       str3.push(arr3[i].innerHTML);
                   }
               }
               var u = str3.join('*');
               alert(u);
                
               var arr4 = document.getElementsByTagName('td'),str4 = [];
               for(var i=0,len=arr4.length;i<len;i++)
               {
                     if(arr4[i].className == 'number'){
                       str4.push(arr4[i].innerHTML);
                   }
               }
               var n = str4.join('*');
               alert(n);
                
               
                method="post";
                action="order.do?method=add&product="+p+"&guige="+g+"&type="+t+"&unit="+u+"&number="+n;
                submit();
            }
        }你这段方法能获取到值吗？