Supprimer l'attribut sélectionné du premier élément sélectionné dans l'étiquette de sélection?

Question

i ont une balise select multiple, regardez le script s'il vous plaît

<select multiple="multiple" size="5" id="cities_select"> 
    <option value="1">city1</option> 
    <option value="2">city2</option> 
    <option value="3">city3</option> 
    <option value="4">city4</option> 
    <option value="5">city5</option> 
    <option value="6">city6</option> 
    ................................ 
</select> 

et un script jquery:

$("#supply_cities_select").change(function() 
{ 
    var i = 1; 
    $('#supply_cities_select :selected').each(function(u) 
    { 
     src += '&c'+i+'='+$(this).val();//generates the string like &c1=1&c2=2&c3=7... 
     i++; 
    }); 
}) 

i besoin de ma chaîne de ne pas avoir des éléments plus alors 5

exemple:

si j'ai déjà 5 éléments sélectionnés, ma chaîne ressemble à

&c1=2&c2=3&c3=5&c4=6&c5=7 

maintenant si une autre option est sélectionnée, je dois obtenir la chaîne

&c1=3&c2=5&c3=6&c4=7&c5=8 

---

si être court, je dois supprimer l'attribut sélectionné de premier élément sélectionné.

(mais je ne peux pas utiliser .first ici, car il peut être élément N8 le premier sélectionné)

comment puis-je le faire?

Merci beaucoup.

MISE À JOUR

var a = $("#supply_cities_select :selected").length; 
if(a > 5) 
{ 
    $("#supply_cities_select :selected:lt(1)").attr("selected",false); 
} 

il suffit de retirer les sapins option sélectionnée, non?

---

Answer 1

Vous pouvez le faire un peu plus simple usign .map() et :lt() comme ceci:

var src; 
$("#supply_cities_select").change(function() { 
    src = $("#supply_cities_select :selected:lt(5)").map(function(i) { 
     return '&c'+(i+1)+'='+this.value; //i starts at 0, so add 1 
    }).get().join(''); 
})​; 

You can try a demo here. Le sélecteur :lt() obtient le premier 5 (moins de 5, 0, donc (0-4), puis nous utilisons .map() pour obtenir les valeurs dans un tableau, puis appelez .join() pour obtenir une chaîne de ce tableau ajouté ensemble .

---

pour la mise à jour: pour obtenir les derniers 5 éléments, il est préférable d'utiliser .slice(), comme ceci:.

var src; 
$("#supply_cities_select").change(function() { 
    src = $("#supply_cities_select :selected").slice(-5).map(function(i) { 
     return '&c'+(i+1)+'='+this.value; //i starts at 0, so add 1 
    }).get().join(''); 
})​; 

You can give it a try here