DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> jquery 文本框失去焦點獲取當前文本框的值及隱藏域的值
jquery 文本框失去焦點獲取當前文本框的值及隱藏域的值
編輯:JavaScript綜合知識     

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved