jquery回顯指的是什么意思

這篇文章主要介紹了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中識別使用的。

<s:property value="meets.meetType" />這里是表示從上一層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='"+svalue+"']").attr("selected","selected");
    }
}

});

</script>

感謝你能夠認真閱讀完這篇文章，希望小編分享jquery回顯指的是什么意思內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!