0

私には少しジレンマがあります。ユーザーがドロップダウンボックスからオプションを選択すると、リロードせずに同じページの合計を動的に更新するようにしようとしています。

言い換えると、ドロップダウンボックス（1、2、3、4、5）に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を使用するだけで保存できます。選択した変更で、「読み取り専用」が設定された入力から合計を取得し、ユーザーが選択した現在の番号を追加します。選択をリセットすることを忘れないでください。そうしないと、ユーザーは同じ番号を2回追加できません。

$(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);
    });
});

htmlを使用した実際の例については、このhttp://jsfiddle.net/3TMK8/を参照してください。

于 2012-07-20T08:45:27.633 に答える