Question

我有这个脚本：

$(document).ready(function () {
    function showTab(name) {
        $('div.fruit').not('#' + name).hide();
        var $div = $('#' + name).show();
        $('span', $div).each(function() {
            $(this).text($(this).data('val') * number);
        });
    }

    $('#dropdown').change(function () {
        showTab($(this).val());
    });

    showTab($('#dropdown').val());
});

我希望点击“提交”按钮后执行。

请检查小提琴，看看脚本是如何工作的。有什么简单的方法吗？

Fiddle here

Answer 1

使用提交按钮有点多余，因为在POST请求之后更新UI毫无意义，因为新请求将导致页面被更改。相反，我使用了一个标准按钮：

<input type="button" id="update" value="Update" />

$('#update').click(function() { 
    showTab($('#dropdown').val());
});

Update fiddle

如果您确实希望在提交表单后完成此更新，则需要在服务器端进行计算。

Answer 2

只需更改活动。

$('#submit').click(function(){
    showTab(name)
});

我更新了你的小提琴。

点击提交按钮后执行javascript

2 个答案: