我上课有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;}
}
我有两个输入字段,一个基于用户从两个表中选择的名称,一个具有表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中的Name和Price传递给jquery。
我正在从数据库获取名称和价格。
参考方案
好的,对于以下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
Div单击与单选按钮相同吗? - php有没有一种方法可以使div上的click事件与表单环境中的单选按钮相同?我只希望下面的div提交值,单选按钮很丑代码输出如下:<input id="radio-2011-06-08" value="2011-06-08" type="radio" name="radio_date…
将python scikit学习模型导出到pmml - python我想将python scikit-learn模型导出到PMML。哪个python软件包最合适?我阅读了有关Augustus的内容,但是我无法使用scikit-learn模型找到任何示例。 python大神给出的解决方案 SkLearn2PMML是 JPMML-SkLearn命令行应用程序周围的薄包装。有关受支持的Scikit-Learn Estimator和…
如何使用PHP从动态输入字段捕获数组值? - javascript我正在编写一个在线时间跟踪网页,允许用户将学习时间输入该系统。用户将首先输入名称,然后根据日期输入学习时间。一天中可能会有多个学习时间。以下是我第一页的编码,<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"…
SOAPFaultException部署在Tomcat上时,但在GlassFish中工作正常 - java朋友们,我一直在尝试很多,阅读了很多论坛,但无法理解为什么出现此问题。我使用契约优先方法创建了一个Jax-WS WebService。创建WSDL和XSD,然后使用wsimport工具生成其余工件,为SEI提供实现。将WebService应用程序部署到Eclipse Helios中的GlassFish(Glassfish适配器和Eclipse中安装的插件)。…
提交表单后显示模式对话框 - php提交下载文件后,我有一张表格。我要自动而不是自动下载文件..以显示模态对话框并显示下载链接。<form name="softwareform" id="softwareform" action="../downloadlink.php" method="POST" alig…