選擇標籤/選項標籤麻煩

因此大約一個小時後，無法找到一個很好的教程，瞭解如何使用這些標籤及其ID，名稱和值來實現十進制數來完成我的表格。簡單地說，我有一個選擇框，並希望它返回我的期權價值和該期權價值的金額。選擇標籤/選項標籤麻煩

繼承人的HTML

<tr> 
     <th colspan="4" class="label">Shipping Method: 
      <select name="shipMethod" id="shipMethod" size="1"> 
      <option value="">Choose a shipping method</option> 
      <option value="priority2">Priority mail $3.20 (4 items or less)</option> 
      <option value="priority3">Priority mail $4.30 (6 items or less)</option> 
      <option value="priority4">Priority mail $5.40 (8 items or less)</option> 
      <option value="overnight">Express $15.75 (4 items or less only)</option> 
      <option value="UPS">UPS - 2 day $15.00 (9 - 49 items)</option> 
      <option value="free">Free shipping (50+ items only)</option> 
      </select> 
     </th> 
     <td><input name="shippingChg" id="shippingChg" type="text" size="10" maxlength="60" value="" /></td> 
     </tr> 
     <tr>

可能是我的第一個問題是建立對事物的小數側的彎曲。這是我將如何嘗試編寫我的循環和功能的一個選擇框

感謝您的幫助！

來源

2010-02-16 Matt

function get_shipping_charge() { 
    var ship_me= document.getElementById("shipMethod").value; 
    if (ship_me == "priority2") return 3.20; 
    else if (ship_me == "priority3") return 4.30; 
    else return NaN; 
} 
function do_shipping_charge() { 
    var shipthisway = get_shipping_charge(); 
    if (shipthisway) document.getElementById("shippingCHg").value = shipthisway; 
    else alert("You haven't selected a shipping Method"); 
}

來源

2010-02-16 19:23:35

只是好奇，你打破它分爲兩個功能可見性目的或功能？ – Matt 2010-02-16 21:45:17

功能，所以如果您還沒有準備好更新shippingCHg輸入（當沒有選擇任何東西時），則沒有副作用。否則，它會顯示「NaN」，這看起來不太好，可能會導致其他計算出現問題。順便說一句，別忘了投票+1。我是新的，所以每一點幫助=） – 2010-02-17 01:18:21

使用jQuery：

var shippingPrice = false; 

switch($("#shipMethod").val()) 
{ 
    case "priority2": 
     shippingPrice = "3.20"; 
     break; 
    case "priority3": 
     shippingPrice = "4.30"; 
     break; 
    // and so on 
} 

if (shippingPrice) 
    $("#shippingChg").val(shippingPrice); 
else alert("You haven't selected a shipping method.");

來源

2010-02-16 18:58:54 eliah

選擇標籤/選項標籤麻煩

回答

相關問題