您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

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

作者:佚名    责任编辑:admin    更新时间:2022-06-22

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


html代码

<script src="http://code.jquery.com/jquery-latest.js"></script>
<ul id="px1">
    <li>
        <input type="text" value="11"  size="5" name="zs"/>
        <input type="hidden" value="5" name="hidd"/>
    </li>
    <li>
        <input type="text" value="12"  size="5" name="zs"/>
        <input type="hidden" value="6" name="hidd"/>
    </li>
    <li>
        <input type="text" value="13"  size="5" name="zs"/>
        <input type="hidden" value="7" name="hidd"/>
    </li>
    <li>
        <input type="text" value="14"  size="5" name="zs"/>
        <input type="hidden" value="8" name="hidd"/>
    </li>

</ul>


jquery代码


<script>
    $("document").ready(function(){
        $('#px1 li').find("input[name=zs]").blur(function(){
            var zs = $(this).val();
            var uid = $(this).next("input[name=hidd]").val();
            alert(zs);
            alert(uid);
        });
    });
</script>


效果图

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