正在加载中...

使用ajax两个input标签值实现计算和联动的方法

使用ajax两个input标签值实现计算和联动的方法

使用ajax两个input标签值实现计算和联动的方法,先不考虑数据库应用,以数组来代替数据库,到时候只要你能把数据库里的数据放到数组里,该功能依然成立,从简单到复杂!示例代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>jquery xml解析</title>  
<script type="text/javascript" src="jq.js"></script>
<script type="text/javascript">
$(function(){
  $('#t2').focus(function(){
            $.ajax({
            url:'input.asp',
			type:'get',
			async:false,
			data:{da:parseInt($('#t1').val())},
            error:function(e,b){alert(b);},
            success:function(data){
			 //alert(data);
             $('#t2').val(data);
              }
           
            });
   });

});


</script>
</head>
<body>
<input type="text" id="t1"><br>
<input type="text" id="t2"><br>
...
</body>
</html>

后台ASP代码:input.asp:

<%
'暂时用数组代替数据库查询!这里可以做数据库操作,取出数据库数据赋给数组即可!
arr=Array("100","101","102","103","104","105") 
brr=Array("AA","BB","CC","DD","EE","FF")
Dim da,k,j
j=0
k=0
da=CInt(request("da"))
For Each i In arr
If(CInt(i)=da)Then k=j
j=j+1
Next 
response.write brr(k)
%>



jQuery多个input求和的实现方法

<td> 
  <input name="add" id="add" readonly="readonly"/> 
</td> 
<pre name="code" class="html"><td> 
  <input name="add1" id="add1"/> 
</td> 
<td> 
  <input name="add2" id="add2"/> 
</td>

JQUERY代码:

<script> 
$("input[id^='add']").change(function(){ 
    var sum=0; 
    $("input[id^='add']").each(function(){ 
      var r = /^-?\d+$/ ; //正整数 
      if($(this).val() !=''&&!r.test($(this).val())){ 
       $(this).val("");  //正则表达式不匹配置空 
      }else if($(this).val() !=''){ 
       sum+=parseInt($(this).val()); 
      } 
      document.getElementById("add").value=sum; 
      }); 
    }); 
</script>



返回上一页