Как я могу выполнить расчет в Javascript

Question

У меня есть 2 таблицы в классе:

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;} 
} 

У меня есть два поля ввода, один имеет имя из table1 и другого названия от table2, основываясь на то, что имя пользователь выбирает из обе таблицы. JQuery должен добавить цену на основе двух выбранных имен.

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

     } 
    } 
}); 

Вопрос: как я могу передать таблицу1 имя и цену в jquery. Когда я нажимаю #buttonClick, он должен рассчитать цену. Например:

Table1 
Name  Price 
RoomA  $22 
RoomB  $23 

Table2 
Name  Price 
BuildingA $33 
BuildingB $30 

Если я выбираю Rooma от FIELD1 (Table1) и BuildingA от field2 (Table2), то я должен получить выход в $ 55. Итак, как я могу передать Name и Price из Table1 и Table2 в jquery. Я получаю имя и цену от базы данных.

Answer 1

Хорошо, для двух выпадающих (select), описанных в следующем HTML:

<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 s каждого select, суммируйте их и поместите результат везде, где вам нужно (например, к некоторым <input id="result" type="text" />.

JavaSc НИИИТ:

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