Javascript 获取ddSlick所选项目以动态添加到页面上的默认总数

我正在尝试获取所选下拉菜单项的值，以便在选中/作为项目时，动态添加到文本输入字段中id=“result”的总计中

我正在使用图书馆

id=“basic”（以下）中的值是选择任何选项（下拉菜单中的所选项目x 5菜单）之前总数的基本值

这是我开发的代码，用于在选择项目时获取值并合计值：

 jQuery(document).ready(function(){

    jQuery('#arms .dd-selected-value', '#mechanism .dd-selected-value', '#base .dd-selected-value', '#myDropdown .dd-selected-value', '#myBaseDropdown .dd-selected-value', '[name="quantity"]').on('change', function(){

    var basic = jQuery("#basic").val();
    var quantity = jQuery("[name='quantity']");

    if("#arms .dd-selected-value".length > 0){
        var b = parseInt(basic[0], 10);
        var a = parseInt(arms[0], 10);
        var m = parseInt(mechanism[0], 10);
        var bs = parseInt(base[0], 10);
        var f = parseInt(fabric[0], 10);
        var fb = parseInt(fabricBase[0], 10);
        var q = parseInt(quantity.val(), 10);
        jQuery("#result").val((b + a + m + bs + f + fb) * q);
    }
    });

jQuery('#arms .dd-selected-value', '#mechanism .dd-selected-value', '#base .dd-selected-value', '#myDropdown .dd-selected-value', '#myBaseDropdown .dd-selected-value', '[name="quantity"]').trigger('change', function () {
});

我有一个默认值jQuery（“#basic”）.val（）；页面加载时显示，但无法将所选项目添加到默认总数

谁能帮我看看为什么这不起作用

此外，由于“dd selected value”输入字段在选择项目之前没有值，因此.on（'change'）事件是否相关？如果不是，我应该使用什么来捕获“选定”操作

<div id="arms" class="dd-container">
    <div class="dd-select">
        <input class="dd-selected-value" type="hidden">
</div>

<div id="arms" class="dd-container">
    <div class="dd-select">
        <input class="dd-selected-value" type="hidden" value="150.00|2" name="arm">
</div>

<div id="mechanism" class="dd-container">
    <input class="dd-selected-value" type="hidden" value="0.00|18" name="mechanism">
</div>

<div id="fabric" class="dd-container">
    <input class="dd-selected-value" type="hidden" value="0.00|185" name="fabric">
</div>

<div class="totalHead">Total price: R<input type="text" name="total" id="result" class="result right">.00 </div>

jQuery(document).ready(function(){
        $('#arms').ddslick({
            data:armData,
            width:380,
            selectText: "Select your arm rest",
            onSelected: function (data) {
        $('#arms .dd-selected-value').prop('name', 'arm');
        var arms = $("#arms .dd-selected-value").val().split('|');
            }
        });
    $('#mechanism').ddslick({
            data:mechData,
            width:380,
            selectText: "Select your mechanism",
            onSelected: function (data) {
        $('#mechanism .dd-selected-value').prop ('name', 'mechanism');
        var mechanism = jQuery("#mechanism .dd-selected-value").val().split('|');
            }
        });
    $('#base').ddslick({
            data:baseData,
            width:380,
            selectText: "Select your base",
            onSelected: function (data) {
        $('#base .dd-selected-value').prop ('name', 'base');
        var base = jQuery("#base .dd-selected-value").val().split('|');
            }
        });
    $('#myDropdown').ddslick({
            data:fabricData,
            width:380,
            selectText: "Select your fabric (or Back rest)",
            onSelected: function (data) {
        $('#myDropdown .dd-selected-value').prop ('name', 'fabric');
        var fabric = jQuery("#myDropdown .dd-selected-value").val().split('|');
            }
        });
        $('#myBaseDropdown').ddslick({
            data:fabricData,
            width:380,
            selectText: "Select your base fabric",
            onSelected: function (data) {
                //console.log(data);
        $('#myBaseDropdown .dd-selected-value').prop ('name', 'fabricBase');
        var fabricBase = jQuery("#myBaseDropdown .dd-selected-value").val().split('|');
            }
        });
     });

 jQuery(document).ready(function(){

    jQuery('#arms .dd-selected-value', '#mechanism .dd-selected-value', '#base .dd-selected-value', '#myDropdown .dd-selected-value', '#myBaseDropdown .dd-selected-value', '[name="quantity"]').on('change', function(){

    var basic = jQuery("#basic").val();
    var quantity = jQuery("[name='quantity']");

    if("#arms .dd-selected-value".length > 0){
        var b = parseInt(basic[0], 10);
        var a = parseInt(arms[0], 10);
        var m = parseInt(mechanism[0], 10);
        var bs = parseInt(base[0], 10);
        var f = parseInt(fabric[0], 10);
        var fb = parseInt(fabricBase[0], 10);
        var q = parseInt(quantity.val(), 10);
        jQuery("#result").val((b + a + m + bs + f + fb) * q);
    }
    });

jQuery('#arms .dd-selected-value', '#mechanism .dd-selected-value', '#base .dd-selected-value', '#myDropdown .dd-selected-value', '#myBaseDropdown .dd-selected-value', '[name="quantity"]').trigger('change', function () {
});