夏日博客

A-A+

jquery 文本框失去焦点获取当前文本框的值及隐藏域的值

2016年01月09日 前端设计 暂无评论 阅读 5 views 次

下面来看一个简单的jquery 文本框失去焦点获取当前文本框的值及隐藏域的值例子，这个例子虽然用到不多但一般会用于ajax中下面来看一个简单例子．

本人的js水平有些差劲，弄了一个文本框失去焦点并获取相应隐藏域的值就弄了3分钟，嗨..对于那些js、jquery 的大神们表示崇高的敬意。在此把实现的代码贴出来给不知道的codefans看一下，适用于循环列表，动态更改排列顺序，大神就飘过吧。

html代码

  1. <script src="http://code.jquery.com/jquery-latest.js"></script>  
  2. <ul id="px1">  
  3.     <li>  
  4.         <input type="text" value="11"  size="5" name="zs"/>  
  5.         <input type="hidden" value="5" name="hidd"/>  
  6.     </li>  
  7.     <li>  
  8.         <input type="text" value="12"  size="5" name="zs"/>  
  9.         <input type="hidden" value="6" name="hidd"/>  
  10.     </li>  
  11.     <li>  
  12.         <input type="text" value="13"  size="5" name="zs"/>  
  13.         <input type="hidden" value="7" name="hidd"/>  
  14.     </li>  
  15.     <li>  
  16.         <input type="text" value="14"  size="5" name="zs"/>  
  17.         <input type="hidden" value="8" name="hidd"/>  
  18.     </li>  
  19. </ul>  

jquery代码

  1. <script>  
  2.     $("document").ready(function(){  
  3.         $('#px1 li').find("input[name=zs]").blur(function(){  
  4.             var zs = $(this).val();  
  5.             var uid = $(this).next("input[name=hidd]").val();  
  6.             alert(zs);  
  7.             alert(uid);  
  8.         });  
  9.     });  
  10. </script>  
标签：

给我留言