关于php和javascript subtotal问题

kuang

想问各位如果我要加subtotal和total进去我的webpage里面，就好象tgv或gsc的cinema网上订票一样，
在dropbox那边我选什么quantity，subtotal和total都会在同一个webpage里面Update和显示出来，是应该怎样写code呢？

以下我用alert的觉得很奇怪，谁可以指导我呢？先说声谢谢

<form id="form1" name="form1" method="post" action="getcashprocess.php">
                                <table cellSpacing="0" cellPadding="0" width="500" border="0">
                <td width="154" align="center">Ticket Type</td>
                <td width="67" align="center">Qty</td>
                <td width="86" align="center">Cost(RM)</td>
                <td width="100" align="center">Subtotal(RM)</td>
              <tr>
                       
             <td width="154" align="center" ><p>1.Children</p> <p>2.Adult(Above age 18)</p>
               <p>3.Twin Seat</p></td>
              <td width="67" align="center"><p>&nbsp;</p>
                <p>
                  <label>
                    <select name="qty" id="qty" tableindex="1" onchange="showOption(this.options[this.options.selectedIndex].value)">
                <option value="0">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>
                <option value="6">6</option>
                <option value="7">7</option>
                <option value="8">8</option>
                <option value="9">9</option>
                <option value="10">10</option>
               </select>
                  </label>
                </p>
                <p>
                  <label>
              <select name="qty2" id="qty2" tableindex="1" onchange="showOption1(this.options[this.options.selectedIndex].value)">
                <option value="0">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>
                <option value="6">6</option>
                <option value="7">7</option>
                <option value="8">8</option>
                <option value="9">9</option>
                <option value="10">10</option>
               </select>
              </label>
              </p>
              <p>
                <select name="qty3" id="qty3" tableindex="1" onchange="showOption2(this.options[this.options.selectedIndex].value)">
                  <option>0</option>
                  <option>1</option>
                  <option>2</option>
                  <option>3</option>
                  <option>4</option>
                  <option>5</option>
                  <option>6</option>
                  <option>7</option>
                  <option>8</option>
                  <option>9</option>
                  <option>10</option>
                </select>
              </p>
              <p>&nbsp;</p>
              
              <td width="86" align="center"><p>6.00</p>
               <p> 10.00               </p>
               <p>12.00</p></td>
               <td width="100" align="center">
                          
               <p>&nbsp;
                           <script type="text/javascript">
                                function showOption(option) {                                       
                                alert("Subtotal(Children) = RM"+(option*6.00));
                                }
                               
                                function showOption1(option) {
                                alert("Subtotal(Adult) = RM"+(option*10.00));
                                }
                                function showOption2(option) {
                                alert("Subtotal(TwinSeat) = RM"+(option*12.00));
                                }
                                </script></p></td>
             <td width="2"></td>
              
            </tr>
             <br />
             <tr>
                     <td width="91" align="center"></td>
                <td width="154" align="center"></td>
                <td width="86" align="center">
               
                Total(RM):
                </td>
             </tr>
             <td>Payment type:
             <label>
                    <select name="paymenttype" id="paymenttype" tableindex="1">
                      <option>Credit Card</option>
                      <option>Paypal</option>
                    </select>
                  </label>
             </td>
             <tr><td>
                  <label>
                   <input type="submit" name="Submit" value="Submit" />
                  
                    </label>
                 </td>
                 </tr>
                  </table>              
</form>

kuang

回复 2# Super-Tomato

把这三句加进去就行了？还是要去掉一些东西？可是我试来试去还是不行哦，可以示范一下要怎样放吗？谢谢

Super-Tomato

想问各位如果我要加subtotal和total进去我的webpage里面，就好象tgv或gsc的cinema网上订票一样，
在dropbox那边我选什么quantity，subtotal和total都会在同一个webpage里面Update和显示出来，是应该怎样写code呢？

以下我用alert的觉得很奇怪，谁可以指导我呢？先说声谢谢

1. <form id="form1" name="form1" method="post" action="getcashprocess.php">
   
2. 
   
3.                                 <table cellSpacing="0" cellPadding="0" width="500" border="0">
   
4. 
   
5.                 <td width="154" align="center">Ticket Type</td>
   
6. 
   
7.                 <td width="67" align="center">Qty</td>
   
8. 
   
9.                 <td width="86" align="center">Cost(RM)</td>
   
10. 
    
11.                 <td width="100" align="center">Subtotal(RM)</td>
    
12. 
    
13.               <tr>
    
14. 
    
15.                         
    
16. 
    
17.              <td width="154" align="center" ><p>1.Children</p> <p>2.Adult(Above age 18)</p>
    
18. 
    
19.                <p>3.Twin Seat</p></td>
    
20. 
    
21.               <td width="67" align="center"><p>nbsp;</p>
    
22. 
    
23.                 <p>
    
24. 
    
25.                   <label>
    
26. 
    
27.                     <select name="qty" id="qty" tableindex="1"
    
28. onchange="showOption(this.options[this.options.selectedIndex].value)">
    
29. 
    
30.                 <option value="0">0</option>
    
31. 
    
32.                 <option value="1">1</option>
    
33. 
    
34.                 <option value="2">2</option>
    
35. 
    
36.                 <option value="3">3</option>
    
37. 
    
38.                 <option value="4">4</option>
    
39. 
    
40.                 <option value="5">5</option>
    
41. 
    
42.                 <option value="6">6</option>
    
43. 
    
44.                 <option value="7">7</option>
    
45. 
    
46.                 <option value="8">8</option>
    
47. 
    
48.                 <option value="9">9</option>
    
49. 
    
50.                 <option value="10">10</option>
    
51. 
    
52.                </select>
    
53. 
    
54.                   </label>
    
55. 
    
56.                 </p>
    
57. 
    
58.                 <p>
    
59. 
    
60.                   <label>
    
61. 
    
62.               <select name="qty2" id="qty2" tableindex="1"
    
63. onchange="showOption1(this.options[this.options.selectedIndex].value)">
    
64. 
    
65.                 <option value="0">0</option>
    
66. 
    
67.                 <option value="1">1</option>
    
68. 
    
69.                 <option value="2">2</option>
    
70. 
    
71.                 <option value="3">3</option>
    
72. 
    
73.                 <option value="4">4</option>
    
74. 
    
75.                 <option value="5">5</option>
    
76. 
    
77.                 <option value="6">6</option>
    
78. 
    
79.                 <option value="7">7</option>
    
80. 
    
81.                 <option value="8">8</option>
    
82. 
    
83.                 <option value="9">9</option>
    
84. 
    
85.                 <option value="10">10</option>
    
86. 
    
87.                </select>
    
88. 
    
89.               </label>
    
90. 
    
91.               </p>
    
92. 
    
93.               <p>
    
94. 
    
95.                 <select name="qty3" id="qty3" tableindex="1"
    
96. onchange="showOption2(this.options[this.options.selectedIndex].value)">
    
97. 
    
98.                   <option>0</option>
    
99. 
    
100.                   <option>1</option>
     
101. 
     
102.                   <option>2</option>
     
103. 
     
104.                   <option>3</option>
     
105. 
     
106.                   <option>4</option>
     
107. 
     
108.                   <option>5</option>
     
109. 
     
110.                   <option>6</option>
     
111. 
     
112.                   <option>7</option>
     
113. 
     
114.                   <option>8</option>
     
115. 
     
116.                   <option>9</option>
     
117. 
     
118.                   <option>10</option>
     
119. 
     
120.                 </select>
     
121. 
     
122.               </p>
     
123. 
     
124.               <p>nbsp;</p>
     
125. 
     
126.               
     
127. 
     
128.               <td width="86" align="center"><p>6.00</p>
     
129. 
     
130.                <p> 10.00               </p>
     
131. 
     
132.                <p>12.00</p></td>
     
133. 
     
134.                <td width="100" align="center">
     
135. 
     
136.                            
     
137. 
     
138.                <p>nbsp;
     
139. 
     
140.                            <script type="text/javascript">
     
141. 
     
142.                                 function showOption(option) {                                       
     
143. 
     
144.                                 alert("Subtotal(Children) = RM"+(option*6.00));
     
145. 
     
146.                                 }
     
147. 
     
148.                                 
     
149. 
     
150.                                 function showOption1(option) {
     
151. 
     
152.                                 alert("Subtotal(Adult) = RM"+(option*10.00));
     
153. 
     
154.                                 }
     
155. 
     
156.                                 function showOption2(option) {
     
157. 
     
158.                                 alert("Subtotal(TwinSeat) = RM"+(option*12.00));
     
159. 
     
160.                                 }
     
161. 
     
162.                                 </script></p></td>
     
163. 
     
164.              <td width="2"></td>
     
165. 
     
166.               
     
167. 
     
168.             </tr>
     
169. 
     
170.              <br />
     
171. 
     
172.              <tr>
     
173. 
     
174.                      <td width="91" align="center"></td>
     
175. 
     
176.                 <td width="154" align="center"></td>
     
177. 
     
178.                 <td width="86" align="center">
     
179. 
     
180.                
     
181. 
     
182.                 Total(RM):
     
183. 
     
184.                 </td>
     
185. 
     
186.              </tr>
     
187. 
     
188.              <td>Payment type:
     
189. 
     
190.              <label>
     
191. 
     
192.                     <select name="paymenttype" id="paymenttype" tableindex="1">
     
193. 
     
194.                       <option>Credit Card</option>
     
195. 
     
196.                       <option>Paypal</option>
     
197. 
     
198.                     </select>
     
199. 
     
200.                   </label>
     
201. 
     
202.              </td>
     
203. 
     
204.              <tr><td>
     
205. 
     
206.                   <label>
     
207. 
     
208.                    <input type="submit" name="Submit" value="Submit" />
     
209. 
     
210.                   
     
211. 
     
212.                     </label>
     
213. 
     
214.                  </td>
     
215. 
     
216.                  </tr>
     
217. 
     
218.                   </table>              
     
219. 
     
220. </form>
     
221. 
     

复制代码

kuang 发表于 2011-5-3 06:34 PM

showOption(this.options[this.options.selectedIndex].value)   可以直接寫成
showOption(this.value)


可以設定個 id 然後通過 javascript 寫入
<div id="subtotal" />


function showOption(option) {                                       
document.getElementById("subtotal").html( "Subtotal (Children) = RM" + ( option * 6.00 ) );
}