萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> jquery 文本框失去焦點獲取當前文本框的值及隱藏域的值

jquery 文本框失去焦點獲取當前文本框的值及隱藏域的值

 本人的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 文本框失去焦點獲取當前文本框的值及隱藏域的值

copyright © 萬盛學電腦網 all rights reserved