兩級聯(lián)動select刷新后其值保持不變的實現(xiàn)方法
更新時間：2014年01月27日 15:56:26 作者：
兩級聯(lián)動select刷新后，select值保持不變即點(diǎn)擊提交按鈕后，頁面select中繼續(xù)維持提交前的值，下面有個不錯的示例，大家可以參考下
背景
還是學(xué)院和專業(yè)的關(guān)系，我需要保持點(diǎn)擊提交按鈕后，頁面select中繼續(xù)維持提交前的值
網(wǎng)上有幾種辦法，要么通過url跳轉(zhuǎn)時候附帶參數(shù)形式傳回頁面，或者提交時候講select的值保存在cookie中，提交后再把cookie中的值填回select中。
我是按照保存在cookie中的方法實現(xiàn)刷新后select值不變，對select設(shè)置一個onchange事件
<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對象
document.getElementById("selectID").options[json.selIndex].selected = true;//保持原來的選項
}
else
save();
}
function change()
{
selectIndex = document.getElementById("selectID").selectedIndex;
document.cookie = 'selIndex =' + selectIndex;//保存在cookie中，鍵名為selIndex
}
</script>
還是學(xué)院和專業(yè)的關(guān)系，我需要保持點(diǎn)擊提交按鈕后，頁面select中繼續(xù)維持提交前的值
網(wǎng)上有幾種辦法，要么通過url跳轉(zhuǎn)時候附帶參數(shù)形式傳回頁面，或者提交時候講select的值保存在cookie中，提交后再把cookie中的值填回select中。
我是按照保存在cookie中的方法實現(xiàn)刷新后select值不變，對select設(shè)置一個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對象
document.getElementById("selectID").options[json.selIndex].selected = true;//保持原來的選項
}
else
save();
}
function change()
{
selectIndex = document.getElementById("selectID").selectedIndex;
document.cookie = 'selIndex =' + selectIndex;//保存在cookie中，鍵名為selIndex
}
</script>
您可能感興趣的文章:
- 實現(xiàn)一個年、月、季度聯(lián)動SELECT的javascript代碼
- 通過隱藏option實現(xiàn)select的聯(lián)動效果
- jquery select操作的日期聯(lián)動實現(xiàn)代碼
- lyhucSelect基于Jquery的Select數(shù)據(jù)聯(lián)動插件
- js操縱跨frame的聯(lián)動select下拉選項實例介紹
- 簡單實用jquery版三級聯(lián)動select示例
- js簡單實現(xiàn)HTML標(biāo)簽Select聯(lián)動帶跳轉(zhuǎn)
- Select標(biāo)簽下拉列表二級聯(lián)動級聯(lián)實例代碼
- jQuery select表單提交省市區(qū)城市三級聯(lián)動核心代碼
- jQuery制作簡潔的多級聯(lián)動Select下拉框
- javascript實現(xiàn)無限級select聯(lián)動菜單
相關(guān)文章
PHP+JS+rsa數(shù)據(jù)加密傳輸實現(xiàn)代碼
PHP+JS+rsa數(shù)據(jù)加密傳輸實現(xiàn)代碼，需要的朋友可以參考下。2011-03-03
php+mysql開發(fā)的最簡單在線題庫(在線做題系統(tǒng))完整案例
這篇文章主要介紹了php+mysql開發(fā)的最簡單在線題庫(在線做題系統(tǒng))案例,結(jié)合完整實例形式分析了PHP結(jié)合MySQL數(shù)據(jù)庫查詢、判斷實現(xiàn)的在線題庫功能相關(guān)操作技巧,需要的朋友可以參考下2019-03-03
在PHP中,實現(xiàn)頁面跳轉(zhuǎn)有多種方法,這些方法包括使用HTTP頭信息、JavaScript以及Meta標(biāo)簽,本文給大家介紹了PHP實現(xiàn)頁面跳轉(zhuǎn)的三種方式,并通過代碼講解的非常詳細(xì),需要的朋友可以參考下2024-11-11
用PHP實現(xiàn)瀏覽器點(diǎn)擊下載TXT文檔的方法詳解
本篇文章是對用PHP實現(xiàn)瀏覽器點(diǎn)擊下載TXT文檔的方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下2013-06-06
請注意: 整合不成功可能造成的后果-----dz論壇無法登錄,無法管理2008-03-03
本篇文章是對PHP設(shè)計模式中的責(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
這篇文章主要給大家介紹了關(guān)于如何利用PHP實現(xiàn)上傳圖片功能的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09
PHP錯誤抑制符(@)導(dǎo)致引用傳參失敗Bug的分析
今天cici網(wǎng)友發(fā)來一個問題, 說是在函數(shù)調(diào)用參數(shù)前面使用錯誤抑制符號(@)的時候, 貌似引用傳參就失效了. 他想讓我?guī)退獯馂槭裁?2011-05-05
有時候我們對每一種產(chǎn)品都有一個提成公式，而這個計算提成的公式是以字符串格式存在表中的，當(dāng)我們用這個計算公式時，他并不像我們寫的：$a=2+3*5;這樣簡單的能計算出結(jié)果，而它是個字符串，所以，我們就必須把字符串轉(zhuǎn)化為我們能夠處理的結(jié)果2017-03-03