c# - 如何在 Javascript 中执行计算

Question

我的类(class)有 2 张 table :

public class Table1 {
    public string Name{set;get;}
    public string Price{set;get;}
}
public class Table2 {
    public string Name{set;get;}
    public string Price{set;get;}
}

我有两个输入字段，一个具有表 1 中的名称，另一个具有表 2 中的名称，基于用户从两个表中选择的名称。 Jquery 应根据两个选定的名称添加价格。

$(document).on("click", "#buttonClick", function () {
    for (var price in data) {
        if () {

        }
    }
});

问题:如何将 table1 名称和价格传递给 jquery。当我点击#buttonClick时，它应该计算价格。例如:

Table1
Name       Price
RoomA      $22 
RoomB      $23

Table2
Name       Price
BuildingA  $33
BuildingB  $30

如果我从 field1(Table1) 中选择 RoomA，从 field2(Table2) 中选择 BuildingA，那么我应该得到 55 美元的输出。那么我如何将名称和价格从 Table1 和 Table2 传递到 jquery。 我从数据库中获取名称和价格。

Answer 1

好的，对于以下 html 中描述的两个下拉列表 ( select s):

<select id="roomz">
    <option value="0">Select a room...</option>
    <option value="22">Room A</option>
    <option value="23">Room B</option>
</select>
<select id="buildingz">
    <option value="0">Select a building...</option>
    <option value="22">Building A</option>
    <option value="23">Building B</option>
</select>

(每个value中的option应该是实际价格)，

您可以收听 change 事件，获取value每个 select ，对它们求和并将结果放在您需要的任何地方(例如，到某些 <input id="result" type="text" /> 。

JavaScript:

function calculate() {
    //get selected values
    var roomPrice = $("#roomz").val();
    var buildingPrice = $("#buildingz").val();

    //get sum of values
    var result = parseFloat(roomPrice) + parseFloat(buildingPrice);

    //put sum to result
    $("#result").val(result);//or val("$" + result) if you want to display dollar sign
}

$(document).ready(function(){
    //listen to 'change' event of several selects
    $(document).on("change", "#roomz,#buildingz", function (e) {
        calculate();
    });
});

这是Demo