[英]How do I call a function that enters text into a read-only text-box by clicking an HTML button?
[英]Can we call a java function from the html text-box?
我正在使用jsp,mysql,使用netbeans和mysql的ajax进行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吗?
如果您的要求与所要求的一样基本,则可以使用简单的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/
抱歉,我没有时间编写编码答复。 希望这对您有所帮助。
嗨,朋友,您无需执行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>
嗨,朋友,总文本框应该是只读的,否则您可以使用标签...。
谢谢
<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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.