兩級(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)擊提交按鈕后,頁(yè)面select中繼續(xù)維持提交前的值,下面有個(gè)不錯(cuò)的示例,大家可以參考下
背景
還是學(xué)院和專(zhuān)業(yè)的關(guān)系,我需要保持點(diǎn)擊提交按鈕后,頁(yè)面select中繼續(xù)維持提交前的值
網(wǎng)上有幾種辦法,要么通過(guò)url跳轉(zhuǎn)時(shí)候附帶參數(shù)形式傳回頁(yè)面,或者提交時(shí)候講select的值保存在cookie中,提交后再把cookie中的值填回select中。
我是按照保存在cookie中的方法實(shí)現(xiàn)刷新后select值不變,對(duì)select設(shè)置一個(gè)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對(duì)象
document.getElementById("selectID").options[json.selIndex].selected = true;//保持原來(lái)的選項(xiàng)
}
else
save();
}
function change()
{
selectIndex = document.getElementById("selectID").selectedIndex;
document.cookie = 'selIndex =' + selectIndex;//保存在cookie中,鍵名為selIndex
}
</script>
還是學(xué)院和專(zhuān)業(yè)的關(guān)系,我需要保持點(diǎn)擊提交按鈕后,頁(yè)面select中繼續(xù)維持提交前的值
網(wǎng)上有幾種辦法,要么通過(guò)url跳轉(zhuǎn)時(shí)候附帶參數(shù)形式傳回頁(yè)面,或者提交時(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;//保持原來(lái)的選項(xiàng)
}
else
save();
}
function change()
{
selectIndex = document.getElementById("selectID").selectedIndex;
document.cookie = 'selIndex =' + selectIndex;//保存在cookie中,鍵名為selIndex
}
</script>
您可能感興趣的文章:
- 實(shí)現(xiàn)一個(gè)年、月、季度聯(lián)動(dòng)SELECT的javascript代碼
- 通過(guò)隱藏option實(shí)現(xiàn)select的聯(lián)動(dòng)效果
- jquery select操作的日期聯(lián)動(dòng)實(shí)現(xiàn)代碼
- lyhucSelect基于Jquery的Select數(shù)據(jù)聯(lián)動(dòng)插件
- js操縱跨frame的三級(jí)聯(lián)動(dòng)select下拉選項(xiàng)實(shí)例介紹
- 簡(jiǎn)單實(shí)用jquery版三級(jí)聯(lián)動(dòng)select示例
- js簡(jiǎn)單實(shí)現(xiàn)HTML標(biāo)簽Select聯(lián)動(dòng)帶跳轉(zhuǎn)
- Select標(biāo)簽下拉列表二級(jí)聯(lián)動(dòng)級(jí)聯(lián)實(shí)例代碼
- jQuery select表單提交省市區(qū)城市三級(jí)聯(lián)動(dòng)核心代碼
- jQuery制作簡(jiǎn)潔的多級(jí)聯(lián)動(dòng)Select下拉框
- javascript實(shí)現(xiàn)無(wú)限級(jí)select聯(lián)動(dòng)菜單
相關(guān)文章
php中操作memcached緩存進(jìn)行增刪改查數(shù)據(jù)的實(shí)現(xiàn)代碼
這篇文章主要介紹了php中操作memcached緩存進(jìn)行增刪改查數(shù)據(jù)的實(shí)現(xiàn)代碼,需要的朋友可以參考下2014-08-08