我们可以从html文本框中调用一个java函数吗
Can we call a java function from the html text-box?
我正在使用jsp、mysql、ajax、netbeans和mysql做一个web项目。我有3个文本框,其中2个用于接受用户的输入。第三个文本框应显示2个输入值的乘积。
如何做到这一点?我应该调用ajax还是可以调用3文本框中的java函数。
代码是
<input type="text" value="" name="quantity"/>
</td><td><input type="text" value="" name="price"/>
</td><td><input type="text" value="" name="total"/>
在名为"total"的文本框的value属性中,我可以调用java函数吗?类似于value="getTotal()"
,但如果可以,我如何访问其他两个值。
否则我应该调用ajax吗?
无需使用java函数。。。您可以编写客户端脚本
<td><input type="text" value="" name="quantity" onblur="Calculate()"/>
</td><td><input type="text" value="" name="price" onblur="Calculate()"/>
</td><td><input type="text" value="" name="total"/>
<script type="text/javascript">
function Calculate()
{
var txt1 = document.getElementById("quantity");
var txt2 = document.getElementById("price");
var txt3 = document.getElementById("total");
if ((txt1.value != "") && (txt2.value != ""))
{
txt3.value = parseInt(txt1.value) * parseInt(txt2.value);
}
}
</script>
让我们将总文本框保持为只读或使用标签。。。
感谢
如果您的需求和您所要求的一样基本,那么您可以使用简单的JavaScript来完成。将以下内容添加到您的脚本中
function doTheMath(){
var quantity = document.getElementById("quantity").value;
var price = document.getElementById("price").value;
var product = parseInt(quantity, 10) * parseFloat(price);
document.getElementById("total").value = product;
}并将html更改为以下内容,以便在发生更改时调用javascript函数。
<input type="text" value="" id="quantity" onchange="doTheMath()"/>
为简单的数学进行服务器调用是不可取的。
您应该使用jQuery。使用jQuery,您可以根据用户在其他字段中键入的内容动态设置文本框的值。我最近为一位客户的购物篮实现了这一点。jQuery还有一个.ajax()方法,它很容易使用。
查看这些资源:
http://docs.jquery.com/How_jQuery_Works
http://api.jquery.com/category/ajax/
对不起,我没有时间写一个编码的回复。希望这能有所帮助。
<HTML>
<HEAD>
<TITLE></TITLE>
<script type="text/javascript">
function Calculate()
{
var txt1 = document.getElementById("FirstNo");
var txt2 = document.getElementById("SecondNo");
var txt3 = document.getElementById("Output");
if ((txt1.value != "") && (txt2.value != ""))
{
txt3.value = parseInt(txt1.value) * parseInt(txt2.value);
}
}
</script>
<input id="FirstNo" type="text" value="" onblur="Calculate()" style="width:50px"/> *
<input id="SecondNo" type="text" value="" onblur="Calculate()" style="width:50px"/>
<input id="Output" type="text" style="width:50px"/>
</FORM>
</BODY>
</HTML>
相关文章:
- 将jsp文件下拉列表中的选定项分配给一个java变量(比如String selection)
- jQuery / Colorbox - 在弹出窗口中将一个 java 变量传递给 PHP 变量
- 如果我在 window.onbeforeunload 事件上确认是,我如何调用另一个 Java 脚本函数
- 如何在另一个java脚本函数中访问java脚本中动态html表中单元格的动态赋值
- 试图创建一个Java脚本函数,当按下按钮时会出现一个图像
- 使用 Rhino 从 Clojurescript 生成一个 Java 类
- 2个安卓应用程序的数据库(一个Java,另一个Javascript)
- 从另一个java脚本库引用一个
- 我们可以从html文本框中调用一个java函数吗
- 一个Java Web应用程序的多标签问题-混合来自两个不同记录的数据
- 如何将jsp页面中的javascript变量传递给另一个java文件
- 如何使一个java脚本数组从php数组
- 我如何使一个java脚本激活一个按钮
- javax.script传递给javascript一个Java方法作为回调
- 如何开发一个java脚本图像编辑器
- 如何获得一个java-script函数的返回值,该变量在keyup上调用
- 处理(语言)到Javascript,如何用一个.java文件加载多个.pde源文件
- 如何从另一个java脚本框架中调用angularJS
- 如何组织一个java web项目
- 工作灯适配器加载另一个Java脚本