一段JS

 

1.     <script type="text/javascript">
2.            function gettheValue()
3.            {
4.                
5.                 var PriceNames = document.getElementsByName("thePriceName");  //显示名称
6.                 var Prices = document.getElementsByName("thePrice");  //单价
7.                 var MinSuns = document.getElementsByName("theMiSum");  //购买的最少数量
8.                 var SunNums = document.getElementsByName("theSuNum");  //票务总数量
9.                 var LastNums = document.getElementsByName("theLasNum");  //剩余数量
10.                 var UserTypeIDs = document.getElementsByName("myUserTypeIDs"); //用户类型
11.                 var strTheValue1="";//显示名称
12.                 var strTheValue2="";//单价
13.                 var strTheValue3="";//购买最少数量
14.                 var strTheValue4="";//票务总数量
15.                 var strTheValue5="";//剩余数量
16.                 var strTheValue6="";//用户类型
17.                 
18.                 for (var i = 0; i < PriceNames.length; i++)    
19.                  {          
20.                         if(PriceNames[i].value.length !=0)
21.                         {
22.                             strTheValue1=strTheValue1+"|"+PriceNames[i].value; 
23.                         }else
24.                         {
25.                            alert("请填写显示名称！");
26.                            PriceNames[i].focus();
27.                            return;
28.                         }
29.                         //--------------------------------------------------
30.                         if(Prices[i].value.length !=0)
31.                         {
32.                             strTheValue2=strTheValue2+"|"+Prices[i].value; 
33.                         }else
34.                         {
35.                              alert("请填写票务单价！");
36.                              Prices[i].focus();
37.                              return;
38.                         }
39.                         //----------------------------------------------------
40.                         if(MinSuns[i].value.length !=0)
41.                         {
42.                             strTheValue3=strTheValue3+"|"+MinSuns[i].value; 
43.                         }else
44.                         {
45.                              alert("请填写最少购买数量！");
46.                              MinSuns[i].focus();
47.                              return;
48.                         } 
49.                         
50.                           //----------------------------------------------------
51.                         if(SunNums[i].value.length !=0)
52.                         {
53.                             strTheValue4=strTheValue4+"|"+SunNums[i].value; 
54.                         }else
55.                         {
56.                             alert("请填写总数量！");
57.                             SunNums[i].focus();
58.                             return;
59.                         }      
60.                           //----------------------------------------------------
61.                         if(LastNums[i].value.length !=0)
62.                         {
63.                             strTheValue5=strTheValue5+"|"+LastNums[i].value; 
64.                         }else
65.                         {
66.                              alert("请填写最后剩余数量！");
67.                              LastNums[i].focus();
68.                              return;
69.                         }      
70.                           //----------------------------------------------------
71.                            strTheValue6=strTheValue6+"|"+UserTypeIDs[i].value; 
72. //                        if(UserTypeIDs[i].value.length !=0)
73. //                        {
74. //                            strTheValue6=strTheValue6+"|"+UserTypeIDs[i].value; 
75. //                        }else
76. //                        {
77. //                            movetheDiv(i);
78. //                            gettheValue();
79. //                        }           
80.                    }  
82.                 document.getElementById("txtConcessions").value=strTheValue1;//显示名称
83.                 document.getElementById("txtPrice").value=strTheValue2;//单价
84.                 document.getElementById("txtMinNum").value=strTheValue3;//购买最少数量
85.                 document.getElementById("txtSunNum").value=strTheValue4;//票务总数量
86.                 document.getElementById("tztLastNum").value=strTheValue5;//剩余数量
87.                 document.getElementById("UserTypeIDs").value=strTheValue6;//用户类型
88.                
89.            }
90.            
91.            function movetheDiv(i)//移除DIV
92.            {
93.                  i=i-0;//转换成数字
94.                  //alert(i);
95.                  //alert(theDivs[0].name);
96.                  var theDivs = document.getElementsByName("addDiv");//得到所有的层
97.                  alert(theDivs.length);
98.                  theDivs[i].parentNode.removeChild(theDivs[i]);   //删除
99.                  
100.                  //theDivs[i].style.display   =   "none";   //删除div
101.                 
102.            }
103.            var theSelect="  ";
104.             function addFile()
105.             {    
106.                
107.                 var str="<div class='theDiv' name='addDiv'> <table>";
108.                 str =str+'<tr><td>价格名称：     </td><td><INPUT type="text"  NAME="thePriceName"></td><td> <span style="color: #ff0066">* </span> </td>'//显示的名称
109.                 str =str+'<td>单价：         </td><td><INPUT type="text"  NAME="thePrice" ></td><td> <span style="color: #ff0066">* </span> </td>'//单价 
110.                 str =str+'<td>购买最少数量： </td><td><INPUT type="text"  NAME="theMiSum" ></td><td> <span style="color: #ff0066">* </span> </td></tr>'//购买的数量 
111.                 str =str+'<tr><td>总数量：       </td><td><INPUT type="text"  NAME="theSuNum" ></td><td> <span style="color: #ff0066">* </span> </td>'// 票务的总数量 
112.                 str =str+'<td>剩余数量：     </td><td><INPUT type="text"  NAME="theLasNum"  onblur="gettheValue()"></td><td> <span style="color: #ff0066">* </span> </td>'// 票务的总数量 
113.                 str =str+'<td>用户类型：     </td><td>'+theSelect+'</td><td></td></tr>'// 用户类型 
114.                 str=str+"</table></div>";
115.                 document.getElementById('MyFile').insertAdjacentHTML("beforeEnd",str)
116.                 
117.                 
118.               }
119.             
120.              
121.              
122.         function createSelect(theValues,theNames){
123.        
124.             var thevalue=theValues.split("|");
125.             var thename=theNames.split("|");
126.             var mySelect = '<select id="myUserTypeIDs" onblur="gettheValue()">';
127.               for(var i=0;i<thevalue.length;i++)
128.               {
129.                   mySelect=mySelect+'<option value="'+thevalue[i]+'">'+thename[i]+'</option>';
130.               }
131.        
132.             mySelect=mySelect + '</select>'; 
133.             theSelect= mySelect;  
134.        
135.     }
136.     
137.     
138.      
141.     </script>