2013-11-27 98 views
-2

我有一個小問題,希望有人可以幫忙。我是Web編程課的一名學生,教師已賦予以下任務:無論何時用戶更改所選送貨方式,在表單中的送貨字段添加一個「onChange」事件處理程序以運行「shipping_price()」函數。學校作業onChange

這裏是他提供的代碼:

<td colspan="3" align="right"><span class="fmlabel">Shipping:</span> 
    <select name="shipping"> 
    <option value="0">Select a Shipping Method 
    <option value="7.95">3-5 days ($7.95) 
    <option value="9.95">2 days ($9.95) 
    <option value="12.95">Next Day ($12.95) 
    </select> 
</td> 

我放在這裏是所有他提出轉讓的這部分信息,任何幫助將是巨大的。

編輯:

我把建議的幫助,把這個在:

function shipping_price() 
    { 
    var ship=document.getElementById("shipping"); 
    document.order.total.value=(shipping+sub_total); 
} 

<tr> 
    <td colspan="3" align="right"><span class="fmlabel">Shipping:</span> 
     <select name="shipping" onChange="shipping_price"> 
      <option value="0">Select a Shipping Method 
      <option value="7.95">3-5 days ($7.95) 
      <option value="9.95">2 days ($9.95) 
      <option value="12.95">Next Day ($12.95) 
     </select> 
    </td> 
    <td><input class="numbers" name="sub8" id="sub8" size="7" value="0.00" disabled></td> 
</tr> 

這工作,如果我改變航運字段的值,但不會把「期權價值=」成航運領域。下面

+0

你沒試過嗎? – tymeJV

+3

如果你希望我們完全爲你解決你的任務,那麼這樣的打敗了學習的全部目的!如果你嘗試一下,然後與我們分享,我們會盡力幫助你。 –

+0

那你試過了什麼? – user65439

回答

0

有很多方法可以做到這一點。有許多網站閱讀deeply.The是在選擇的值更改爲新值method.When之一。然後,functionfirst()將會調用,並且functionfirst()會提醒所選的值。

<script> 
    function functionfirst(){ 
     var myselect = document.getElementById("shipping"); 
     alert(myselect.options[myselect.selectedIndex].value); 
    } 
    </script> 

    <td colspan="3" align="right"><span class="fmlabel">Shipping:</span> 
    <select id="shipping" name="shipping" onchange="functionfirst()"> 
    <option value="0">Select a Shipping Method</option> 
    <option value="7.95">3-5 days ($7.95)</option> 
    <option value="9.95">2 days ($9.95)</option> 
    <option value="12.95">Next Day ($12.95)</option> 
    </select> 
</td> 
+0

這給了我一個方向去,我已經得到它開始工作,但我如何得到它來改變在該領域的運輸價值: ​​ 它是字段的剩餘值爲「0.00」,並且不會添加到訂單的總框中 – user3042333

+0

您可以添加以下內容在script.document.getElementById(「sub8」)。value =(myselect.options [myselect.selectedIndex] .value); –

+0

不要忘記接受te在溢出回答 –