Javascript/jQuery 解决方案,用于从表单中的下拉列表中求和值

标签 javascript jquery drop-down-menu sum

我只是在学习使用 javascript 和 jQuery 的技巧,但无法解决这个问题。我有 3 个下拉菜单,其中包含一些产品,每个都有不同的值。我想要做的就是让用户在每个下拉列表中选择一个项目,当他们点击提交按钮时,将添加值并在文本框中显示总数。我现在已经花了 14 个小时尝试这样做但没有成功,所以任何帮助将不胜感激!

最佳答案

很难确切地知道您在寻找什么,但是这个附加的 JSFiddle 可以满足您的描述 - 如果您想要解释其中的任何部分,请告诉我。

http://jsfiddle.net/FdZDP/1/

这里是要点:

$("#button").click(function() {
    var total = 0;
    $.each($(".summable") ,function() {
        total += parseInt($(this).val());
    });
    $("#sum").val(total)
});

关于Javascript/jQuery 解决方案,用于从表单中的下拉列表中求和值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8948178/

相关文章:

javascript - AngularJS 和 Bootstrap 输入边框焦点

javascript - 使用 onclick() 更改图像

Javascript eval 结果为 "undefined function",但在 Firebug 中有效

javascript - 更改 URL 的默认颜色代码

Jquery验证: Adding/Removing Rules Dynamically based on dropdown selection

javascript - 如果动态添加,jQuery 选择不起作用

jquery - slideDown Jquery CSS 设置?

javascript - 如何使用 jQuery ajax 在不同主机上检索和显示 html/asp/aspx 页面?

javascript - jquery.hotkeys.js 用 .bind 替换输入字段

Jquery调整大小导致跳转