0

我有点进退两难，我正在努力做到这一点，以便当用户从下拉框中选择一个选项时，它会动态更新同一页面上的总数，而无需重新加载。

换句话说，我在下拉框中有 5 个不同的选项（1、2、3、4、5），如果用户选择 1，它需要通过一个简单的方程式，然后将其输出到“总计”框中是的，我想动态地执行此操作而无需重新加载的问题，任何人都可以给我任何关于我应该使用什么的建议或提示以及任何可能有帮助的教程（代码等......）

谢谢

4

3 回答 3

1

这应该用 Javascript 来完成。我可以推荐使用 jQuery 作为 Javascript 框架http://jquery.com/

有了它，做你想做的事情真的很容易：

$("select").change(function(){
     var currentValue = parseInt($(this).find("option:selected").val());
     //do whatever calculation e.g
     result = currentValue * 2 + 1;
     //output result somewhere on the page e.g.
     $("#output").html(result);
})
于 2012-07-20T08:36:40.467 回答
0

// 这是你必须在你的页面中使用 ddl 的 jquery

$(document).ready(function () {
        $("#FloorId").change(function () {
            var ddlValue = $(this).val();

                $.getJSON('calculate.php', { "Id": ddlValue }, function (obj) {
                    $("total").text(obj.value);
                });
        });
    });

在计算页面返回总计

于 2012-07-20T08:37:39.020 回答
0

如果您不需要将其存储在数据库中，则可以在客户端简单地使用jquery 。在选择更改时，您从设置了“只读”的输入中检索总数，然后添加用户选择的当前数字。请记住重置选择，否则用户无法添加两次相同的数字：

$(document).ready(function(){
    $('select#add').change(function(){
     var  total = parseInt($('input#total').val())+parseInt($(this).val());
     $('input#total').val(total);
        $('select#add option[value=""]').attr('selected', true);
    });
});

请参阅此http://jsfiddle.net/3TMK8/以获取使用 html 的工作示例

于 2012-07-20T08:45:27.633 回答