快捷導(dǎo)航

兩級(jí)聯(lián)動(dòng)select刷新后其值保持不變的實(shí)現(xiàn)方法

更新時(shí)間：2014年01月27日 15:56:26 作者：

兩級(jí)聯(lián)動(dòng)select刷新后，select值保持不變即點(diǎn)擊提交按鈕后，頁面select中繼續(xù)維持提交前的值，下面有個(gè)不錯(cuò)的示例，大家可以參考下

背景

還是學(xué)院和專業(yè)的關(guān)系，我需要保持點(diǎn)擊提交按鈕后，頁面select中繼續(xù)維持提交前的值

網(wǎng)上有幾種辦法，要么通過url跳轉(zhuǎn)時(shí)候附帶參數(shù)形式傳回頁面，或者提交時(shí)候講select的值保存在cookie中，提交后再把cookie中的值填回select中。

我是按照保存在cookie中的方法實(shí)現(xiàn)刷新后select值不變，對(duì)select設(shè)置一個(gè)onchange事件

復(fù)制代碼代碼如下:

 
<script type="text/javascript"> 
window.onload = function () { 
var cooki = document.cookie; 
if (cooki != "") { 
cooki = "{\"" + cooki + "\"}"; 
cooki = cooki.replace(/\s*/g, "").replace(/=/g, '":"').replace(/;/g, '","'); 
var json = eval("(" + cooki + ")"); //將coolies轉(zhuǎn)成json對(duì)象 
document.getElementById("selectID").options[json.selIndex].selected = true;//保持原來的選項(xiàng) 
} 
else 
save(); 
} 
function change() 
{ 
selectIndex = document.getElementById("selectID").selectedIndex; 
document.cookie = 'selIndex =' + selectIndex;//保存在cookie中，鍵名為selIndex 
} 
</script> 

您可能感興趣的文章:

相關(guān)文章

PHP+JS+rsa數(shù)據(jù)加密傳輸實(shí)現(xiàn)代碼
PHP+JS+rsa數(shù)據(jù)加密傳輸實(shí)現(xiàn)代碼，需要的朋友可以參考下。
2011-03-03
php+mysql開發(fā)的最簡(jiǎn)單在線題庫(在線做題系統(tǒng))完整案例
這篇文章主要介紹了php+mysql開發(fā)的最簡(jiǎn)單在線題庫(在線做題系統(tǒng))案例,結(jié)合完整實(shí)例形式分析了PHP結(jié)合MySQL數(shù)據(jù)庫查詢、判斷實(shí)現(xiàn)的在線題庫功能相關(guān)操作技巧,需要的朋友可以參考下
2019-03-03
PHP實(shí)現(xiàn)頁面跳轉(zhuǎn)的三種方式
在PHP中,實(shí)現(xiàn)頁面跳轉(zhuǎn)有多種方法,這些方法包括使用HTTP頭信息、JavaScript以及Meta標(biāo)簽,本文給大家介紹了PHP實(shí)現(xiàn)頁面跳轉(zhuǎn)的三種方式,并通過代碼講解的非常詳細(xì),需要的朋友可以參考下
2024-11-11
用PHP實(shí)現(xiàn)瀏覽器點(diǎn)擊下載TXT文檔的方法詳解
本篇文章是對(duì)用PHP實(shí)現(xiàn)瀏覽器點(diǎn)擊下載TXT文檔的方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下
2013-06-06
Discuz! Passport 通行證整合
請(qǐng)注意: 整合不成功可能造成的后果-----dz論壇無法登錄,無法管理
2008-03-03
PHP設(shè)計(jì)模式之責(zé)任鏈模式的深入解析
本篇文章是對(duì)PHP設(shè)計(jì)模式中的責(zé)任鏈模式進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下
2013-06-06
4種Windows系統(tǒng)下Laravel框架的開發(fā)環(huán)境安裝及部署方法詳解
這篇文章主要介紹了4種Windows系統(tǒng)下Laravel框架的開發(fā)環(huán)境安裝及部署方法詳解,需要的朋友可以參考下
2020-04-04
如何利用PHP實(shí)現(xiàn)上傳圖片功能詳解
這篇文章主要給大家介紹了關(guān)于如何利用PHP實(shí)現(xiàn)上傳圖片功能的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-09-09
PHP錯(cuò)誤抑制符(@)導(dǎo)致引用傳參失敗Bug的分析
今天cici網(wǎng)友發(fā)來一個(gè)問題, 說是在函數(shù)調(diào)用參數(shù)前面使用錯(cuò)誤抑制符號(hào)(@)的時(shí)候, 貌似引用傳參就失效了. 他想讓我?guī)退獯馂槭裁?
2011-05-05
php中通過eval實(shí)現(xiàn)字符串格式的計(jì)算公式
有時(shí)候我們對(duì)每一種產(chǎn)品都有一個(gè)提成公式，而這個(gè)計(jì)算提成的公式是以字符串格式存在表中的，當(dāng)我們用這個(gè)計(jì)算公式時(shí)，他并不像我們寫的：$a=2+3*5;這樣簡(jiǎn)單的能計(jì)算出結(jié)果，而它是個(gè)字符串，所以，我們就必須把字符串轉(zhuǎn)化為我們能夠處理的結(jié)果
2017-03-03