选择标签/选项标签麻烦

因此大约一个小时后，无法找到一个很好的教程，了解如何使用这些标签及其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

选择标签/选项标签麻烦

回答

相关问题