Question

我有以下页面：

http://outsource-plus.co.uk/test2.html

包含即时价格脚本。在摘要部分，如果在列表框中选择了null（）并且希望在其中移动数字标题，我希望删除标题“玩具”如果列表框值保持为空，我将不需要玩具。

我有以下摘要：部分脚本：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script type="text/javascript" src="/lib/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/lib/ui-spinner/ui.spinner.min.js"></script>
<script type="text/javascript" src="/js/jquery-price-calculator-pro.js"></script>
<script type="text/javascript">
$(function(){
    var form = $('#jquery-order-form');

    form.jPrice({
        "floatSub": true,
        "showPricesOption": true,
        "itemize": true,
        "showZeroAs": "false",
        "subAlign": "right",
        "decimalSep": ".",
        "pricesFadeTime": "",
        "emptySummaryText": "<p>Please configure your order...<\/p>",
        "showPrices": true,
        "signBefore": "$",
        "signAfter": " AUD",
    "items": {
        "f_1": "toys ",
        "f_2": "numbers",
        "f_2[]": "Checkbox Group",
        "f_3": "Slider",
        "f_4": "Spinner",
        "f_5": "Drop Down List",
        "f_6[]": "MultiSelect",
        "f_7": "Single Line Text",
        "f_8": "Multiline Text",
        "f_9": "File",
        "q_1": "Quantity"
    }
}
);

/* disable form submission */
form.on('submit', function(event){
    event.preventDefault();
    var modal = $('<div class="modal hide fade" id="add-options-modal"><div class="modal-header"><a class="close" data-dismiss="modal">&times;</a>            <h2>Oops! Form Submission Disabled</h2></div><div class="modal-body"><p>jQuery Price Calculator Pro is designed to be added on top of an existing order form, and it does not include form submission functionality. If you require submit via email functionality, it is worth looking at <a href="http://codecanyon.net/item/jquery-order-form-builder/485086?ref=BenMartinStudios">jQuery Order Form Builder</a>, which creates fully functional orders forms, and includes jQuery Price Calculator Pro.</p></div><div class="modal-footer">            <a href="#" data-dismiss="modal" class="btn btn-primary add">Okay</a></div></div>');
    modal.appendTo("body");
    modal.modal();
});
});
</script>

如果需要查看任何其他代码段，请告诉我。

Answer 1

这有点简陋，但应该让你开始：

$('select#f_1').on('change', function() {
    if ( $(this).val() == '') {
        $('.itemized-summary .line-item').first().slideUp();
    } else {
        $('.itemized-summary .line-item').first().slideDown();
    }
});

您需要改进选择器，以便在选择.line-item的正确实例时不会那么脆弱。

在javascript菜单上对齐文本

1 个答案: