jquery回顯是什麼意思

先來看看回顯是什麼意思？

在資料提交出現錯誤的時候, 已填寫的資訊仍在文字方塊中, 例如使用者登入, 當使用者輸入錯誤的密碼之後, 使用者名稱仍在文字方塊, 只是密碼方塊清空。

對於一些要填寫很多資訊的表單, 如果因為一些錯誤導致已經填寫的整個表單資訊重新填寫, 對於使用者非常不友善。

jQuery回顯也是這個意思，那麼它該如何實現呢？

這裡我們使用select下拉方塊進行進行演示，希望對大家有幫助。

html程式碼：

<label>会议类型</label>
                <select id="select1" name="meets.meetType" 
                style="display:inline;position:relative;top:10px;margin-bottom:20px;background:grey;">
                        <option value="现场会议">现场会议</option>
                        <option value="视频会议">视频会议</option>
                        <option value="语音会议">语音会议</option>
                    </select> 
                    <input type="hidden" id="meettype" value="<s:property value="meets.meetType" />"/>

 註：這裡的input標籤是用來給JQuery中辨識使用的。

 這裡是表示從上一層action中取得的對應的meets物件的屬性meetType。

（meets在上一層action中有對應的get、set方法，這是必備的，否則不能在本程式碼中取得到對應的值）

#下面是JQuery裡的程式碼，用來根據html中的對應的id來取得控制：

script type="text/javascript">
$(document).ready(function() {
var nameselect=$("#meettype").val();
var all_select=$("#select1 > option");

for(var i=0;i<all_select.length;i++){
    var svalue=all_select[i].text;
    if(nameselect==svalue){  //取select中所有的option的值与其进行对比，相等则令这个option添加上selected属性
     $("#select1 option[value=&#39;"+svalue+"&#39;]").attr("selected","selected");
    }
}

});

</script>

這樣就大功告成了！

以上是jquery回顯是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章！