单击submit按钮后执行javascript

我有这个剧本：

$(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以查看脚本的具体工作方式。有什么简单的方法吗

---

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

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

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

只需更改事件即可

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

---

我更新了你的提琴。

但它似乎起作用了-当我将提交按钮移动到下拉列表后的一行时，按下按钮{“错误”：“请使用POST请求”}时会出现以下错误