首頁 > web前端 > js教程 > jquery回顯是什麼意思

jquery回顯是什麼意思

(*-*)浩
發布: 2019-06-04 15:34:13
原創
6555 人瀏覽過

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

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

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

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板