Bonjour à tous
J'ai créé un petit script qui permet de sélectionner une option par défaut pour chaque 'select' MULTIPLE se trouvant sur une page qui ne possède aucun élément de sélectionné.
Fonctionne nickel sous IE.
Par contre, sous firefox :
Fonctionne nickel au 1er chargement de la page.
Mais si j'actualise ma page avec le btn 'actualisé' du navigateur, il sélectionne toutes les options par défaut comme si il ne voyait plus les éléments qui sont sélectionnés.
Si je relance ma page avec la barre d'adresse du navigateur, aucun problème ...
Vous comprendrez peut-être mieux avec le script
JS
HTML
Modifié par sharky (27 May 2009 - 17:42)
J'ai créé un petit script qui permet de sélectionner une option par défaut pour chaque 'select' MULTIPLE se trouvant sur une page qui ne possède aucun élément de sélectionné.
Fonctionne nickel sous IE.
Par contre, sous firefox :
Fonctionne nickel au 1er chargement de la page.
Mais si j'actualise ma page avec le btn 'actualisé' du navigateur, il sélectionne toutes les options par défaut comme si il ne voyait plus les éléments qui sont sélectionnés.
Si je relance ma page avec la barre d'adresse du navigateur, aucun problème ...
Vous comprendrez peut-être mieux avec le script
JS
selectDefault = function(){
$(document).ready(function(){
$("select").each(function(i){
this.id = "select"+i;
$selected = "false";
$("#select"+i+" option").each(function(j){
$(this).addClass("option"+j);
if($(this).attr("selected")){
$selected = "true";
}
});
if($selected == "false"){
$("#select"+i+" .option0").attr({selected:"selected"});
}
});
});
}
HTML
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans titre</title>
<script type="text/javascript" src="js/jquery/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="js/pix.js"></script>
<script type="text/javascript">
selectDefault();
</script>
</head>
<body>
<form>
<select multiple="multiple">
<option>--</option>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<select multiple="multiple">
<option>--</option>
<option>1</option>
<option selected="selected">2</option>
<option>3</option>
</select>
<select multiple="multiple">
<option>--</option>
<option selected="selected">1</option>
<option selected="selected">2</option>
<option>3</option>
</select>
<select multiple="multiple">
<option>--</option>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</form>
</body>
</html>
Modifié par sharky (27 May 2009 - 17:42)
