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
Vous devez vous connecter pour publier un commentaire.
Je changerais cette partie, si le cookie n'existe pas, il suffit de ne pas jouer avec le menu déroulant:
La seule modification consiste à ajouter une si vérifier sur la fin, voir si il y a un cookie...si ce n'est la position par défaut de 0 dans la liste déroulante (navigateur par défaut) sera laissé seul.
OriginalL'auteur Nick Craver