javascript - 如何使用 Jquery/Javascript 从选择下拉列表中拆分文本以用于乘法

Question

我有一个用于选择产品尺码的选择下拉菜单，它还会告诉您每种尺码的价格。

我想显示总成本以及它将覆盖多少公顷。 1kg = 1公顷

该值是尺寸的 ID，在添加到购物车时使用。

<select class="productChoice">
    <option value="">-- Please select --</option>
    <option value="2317474">1KG $180</option>
    <option value="2317475">5KG $100</option>
    <option value="2317476">10KG $200</option>
    <option value="2317477">50KG $900</option>
</select>

<input type="text" id="Units_5183442" class="productTextInput" value="0">

<label id="hectares_5183442"></label> Hectares
<label id="total_5183442"></label>

因此，您选择产品尺寸，然后选择要购买多少件该尺寸的产品。从那里我想在各自的标签中显示两个不同的值。

我正在努力分离选项文本以执行我需要的操作。无法通过 NaN。

到目前为止我得到的是:

$('#Units_5183442').keyup(multiply);
$('select.productChoice').change(multiply);
function multiply() {
    var quantity = parseFloat($('#Units_5183442').val());
    var dollars = cantfigureouthowtodothis
    var size = cantfigureouthowtodothis

    $('#total_5183442').text('$'+(quantity * dollars )); 
    $('#hectares_5183442').text((quantity * size)); 
}

Answer 1

这将更新公顷和总成本标签:

$(function() {
    $('.productChoice').change(function() {

        if($('#Units_5183442').val() == 0)  // min 1
            $('#Units_5183442').val(1);

        var selectedText = $(this).find('option:selected').text(); 
        var match = selectedText.match(/\d{1,3}KG/g);
        if(match.length == 1)
        {
            var kg = parseInt(match[0].replace('KG',''));
            var costMatch = selectedText.match(/\$\d{1,3}/g);
            if(costMatch.length == 1)
            {
               var cost = parseInt(costMatch[0].replace('$',''));
               var quantity = parseInt($('#Units_5183442').val());  // presume you can only order integer quantities?

               $('#hectares_5183442').text(kg * quantity);
                $('#total_5183442').text('Total cost: $' + cost * quantity)
            }
        }
    });

    $('#Units_5183442').keyup(function() {
        $('.productChoice').trigger('change');
    });
});

JS Fiddle 在这里:http://jsfiddle.net/zud2Z/2/