兩級聯(lián)動select刷新后其值保持不變的實現(xiàn)方法
更新時間:2014年01月27日 15:56:26 作者:
兩級聯(lián)動select刷新后,select值保持不變即點擊提交按鈕后,頁面select中繼續(xù)維持提交前的值,下面有個不錯的示例,大家可以參考下
背景
還是學(xué)院和專業(yè)的關(guā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)系,我需要保持點擊提交按鈕后,頁面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中操作memcached緩存進(jìn)行增刪改查數(shù)據(jù)的實現(xiàn)代碼
這篇文章主要介紹了php中操作memcached緩存進(jìn)行增刪改查數(shù)據(jù)的實現(xiàn)代碼,需要的朋友可以參考下2014-08-08