javascript - 单击提交按钮时执行javascript

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 以了解脚本的工作原理。有什么简单的方法吗？

在这里提琴

Answer 1

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

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

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

更新小提琴

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

Answer 2

只是改变事件。

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

我更新了你的小提琴。