javascript - Javascript コード 非表示 表示価格 * 合計を表示する数量

Question

コードにこの問題があり、必要な答えを提供することはできません。製品のオプションの 1 つを選択し、次に価格のオプションの 1 つを選択してから、数量を入力し、小計をコードで配信したいと考えています。問題は、私はさまざまな製品を持っており、各製品には 3 つの異なる価格があるため、正しい答えを提供するためにコードが必要なことです。

私が今持っているコードは、最初の製品の最初の価格の値しか取っていません。それを機能させることができないようです。ほとんどコードを持っているような気がします...助けてください:)

        <div>Product<br />
    <select id="producto1">
    <option >Selecciona</option>
    <option value="00">---ALARMAS---</option>
    <option value="01">EXTREME BLACK</option>
    <option value="02">EXTREME COBRA</option>
    <option value="03">EXTREME GALACTIC</option>
    </select></div>
    <table>
        <tbody>
            <tr class="e01">
                <td class="0"> </td>


                <td class="01"><label>Price</label><br />
                <select id="elias">

                <option value="180">180</option>
                <option value="200">200</option>
                <option value="220">220</option>
                </select></td>
                <td class="02"><label>Price</label><br />
                <select id="elias1">

                <option value="50">50</option>
                <option value="20">20</option>
                <option value="22">22</option>
                </select></td>
                <td class="03"><label>Price</label><br />
                <select id="elias2">

                <option value="80">80</option>
                <option value="100">100</option>
                <option value="120">120</option>
                </select></td>
            </tr>
        </tbody>
    </table>
    <div>
    <label for="CAT_Custom_500436">Quantity</label><br />
    <input type="text" maxlength="255" name="CAT_Custom_500436" id="CAT_Custom_500436" /></div>
    <div><label for="CAT_Custom_500440">Sub-Total</label><br />
    <input type="text" maxlength="255" name="CAT_Custom_500440" id="CAT_Custom_500440" /></div>
    <br />

Java___

         (function($) {
    $("document").ready(function() {
    $("td").hide();
    $("#producto1").change(function() {
    $(".e01 td").hide();
    $("td." + $(this).val()).show();
    });
    });
    })(jQuery);

var e = document.getElementById("elias");
var strUser = e.options[e.selectedIndex].value;

var e = document.getElementById("elias1");
var strUser1 = e.options[e.selectedIndex].value;

var e = document.getElementById("elias2"); 
var strUser2 = e.options[e.selectedIndex].value;

$(function () {
$('input').keyup(function (){
var quantity1 = $("#CAT_Custom_500436").val();


var total1 = quantity1 * strUser;
var total1 = quantity1 * strUser1;
var total1 = quantity1 * strUser2;


$("#CAT_Custom_500440").val(total1); 
});
});