jQuery cookies réglage sélectionnez déplacer vers le bas de la valeur après rafraichissement de la page

En toute honnêteté, mon cerveau est plutôt frit après l'obtention de ce jour.

Je suis en train d'enregistrer l'état de plusieurs sélectionnez les menus déroulants sur la page à l'aide de ce plugin:

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

Je suis à l'aide de cette jQuery pour créer des cookies pour le titre de menus déroulants en fonction de leur 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);

    }                       

}); 

});

Ce qui se passe est que lorsque les cookies ne sont pas mis sélectionnez la liste déroulante affiche une option blanc quand je le veux par défaut sur "Veuillez sélectionner".

Exemple de code HTML que j'utilise:

<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" />

Si c'est la première fois que l'utilisateur est sur la page et qu'ils n'ont pas cliqué sur tout les menus déroulants de la première valeur sera nulle plutôt que de "s'il vous Plaît sélectionnez'.

OriginalL'auteur RyanP13 | 2010-03-01