久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

頁面刷新后jQuery cookie設置選擇下拉值

jQuery cookies setting select drop down value after page refresh(頁面刷新后jQuery cookie設置選擇下拉值)
本文介紹了頁面刷新后jQuery cookie設置選擇下拉值的處理方法,對大家解決問題具有一定的參考價值,需要的朋友們下面隨著小編來一起學習吧!

問題描述

老實說,今天走到這一步后,我的大腦有點炸了.

In all honesty my brain is rather fried after getting this far today.

我正在嘗試使用此插件保存頁面上多個選擇下拉菜單的狀態:

I am trying to save the state of multiple select drop downs on page using this plugin:

http://plugins.jquery.com/project/cookies

我正在使用這個 jQuery 根據 ID 為不同的標題下拉菜單設置 cookie:

I am using this jQuery to set cookies for the different title drop downs based on their ID:

$(document).ready(function() {

// hide 'Other' inputs to start
$('.jOther').hide();

// event listener on all select drop downs with class of jTitle 
$(".jTitle").change(function(){

    //set the select value
    var val = $(this).val();

    if(val != "Other") {
        //$(this).nextAll('.jOther').hide();
        $(this).parent().find(".jOther").hide();
    } else {
        //$(this).nextAll('.jOther').show();
        $(this).parent().find(".jOther").show();
    }

    // Sets a cookie with named after the title field's ID attribute 
    $(this).cookify();

});

$(".jTitle").each(function(){

    // get the id of each Title select drop down
    var $titleId = $(this).attr('id');

    // get the value of the cookie for each cookie created above in $(this).cookify()
    var $cookieValue = $.cookies.get($titleId);

    // if value is 'Other' make sure it is shown on page refresh
    if ($cookieValue == 'Other') {

        // Show the other input
        $(this).parent().find(".jOther").show();

        // set select value to 'Other'
        $(this).val('Other');

    } else {

        // set to whatever is in the cookie
        $(this).val($cookieValue);

    }                       

}); 

});

發生的情況是,當沒有設置 cookie 時,選擇下拉菜單顯示一個空白選項,而我希望它默認為請選擇".

What is happening is that when no cookies are set the select drop down is displaying a blank option when i want it to default to 'Please select'.

我正在使用的 HTML 示例:

Sample HTML that i am using:

<td>
<select id="titleDepend1" class="inlineSpace jTitle">
    <option value="Please select">Please select...</option>
    <option value="Mr">Mr</option>
    <option value="Mrs">Mrs</option>
    <option value="Ms">Ms</option>
    <option value="Miss">Miss</option>
    <option value="Dr">Dr</option>
    <option value="Other">Other</option>
</select>
<label for="otherDepend1" class="inlineSpace jOther">Other</label>
<input type="text" class="text jOther" name="otherDepend1" id="otherDepend1" maxlength="6" />

因此,如果這是用戶第一次進入頁面并且他們沒有點擊任何下拉菜單,那么第一個值將為 null 而不是請選擇".

So if it is the first time the user is on page and they have not clicked any drop downs the first value will be null rather than 'Please select'.

推薦答案

我會更改這部分,如果 cookie 不存在,請不要弄亂下拉列表:

I'd change this portion, if the cookie isn't there, just don't mess with the dropdown:

$(".jTitle").each(function(){
  var $titleId = $(this).attr('id');
  var $cookieValue = $.cookies.get($titleId);
  if ($cookieValue == 'Other') {
    $(this).parent().find(".jOther").show();
    $(this).val('Other');
  } else if($cookieValue) {
    $(this).val($cookieValue);
  }                       
});

唯一的變化是在最后添加一個if檢查,看看是否有cookie...如果沒有,下拉菜單中的默認位置0(瀏覽器默認)將保持不變.

The only change is to add an if check on the end, see if there is a cookie...if not the default position of 0 in the dropdown (browser default) will be left alone.

這篇關于頁面刷新后jQuery cookie設置選擇下拉值的文章就介紹到這了,希望我們推薦的答案對大家有所幫助,也希望大家多多支持html5模板網!

【網站聲明】本站部分內容來源于互聯網,旨在幫助大家更快的解決問題,如果有圖片或者內容侵犯了您的權益,請聯系我們刪除處理,感謝您的支持!

相關文檔推薦

jQuery/JavaScript Library for avatar creation?(用于創建頭像的 jQuery/JavaScript 庫?)
How to do following mask input problem?(如何做以下掩碼輸入問題?)
Issues Setting Value/Label Using DropKick Javascript(使用 DropKick Javascript 設置值/標簽的問題)
how to unit-test private methods in jquery plugins?(如何對 jquery 插件中的私有方法進行單元測試?)
stellar.js - configuring offsets / aligning elements for a vertical scrolling website?(stellar.js - 為垂直滾動網站配置偏移量/對齊元素?)
jQuery masked input plugin. select all content when textbox receives focus(jQuery 屏蔽輸入插件.當文本框獲得焦點時選擇所有內容)
主站蜘蛛池模板: 久久久久九九九女人毛片 | 成人影音 | 国产不卡视频 | a免费观看 | 操操日| 久久精品成人 | 久久精品亚洲精品 | 成人日韩| 亚洲在线| 国产一区二区三区在线 | 青青草免费在线视频 | 国产亚洲一区二区三区在线 | 亚洲精品乱码久久久久久蜜桃 | 色爱综合 | 国产精品久久久久永久免费观看 | 精品一区二区在线观看 | 国产成人精品一区二区三区在线 | 精品亚洲一区二区 | 亚洲精品视频在线观看免费 | 白浆在线| 欧美日韩在线一区二区 | 亚洲一区二区三区视频 | 久久这里只有精品首页 | 国产高清免费 | 亚洲网一区 | 亚洲精品小视频在线观看 | 国产日本精品视频 | 九九热在线视频观看这里只有精品 | 9久久精品 | 国产免费观看久久黄av片涩av | 国产精品一区二 | 亚洲网站在线观看 | 天天操天天射天天 | 欧美一级特黄aaa大片在线观看 | 日韩成人免费视频 | 国产一区二区三区色淫影院 | 伊人春色在线观看 | 天天干com| 一级毛片免费看 | 中文字幕高清 | 久草在线免费资源 |