jquery multiselect: reload jquery multiselect avec d'autres valeurs déroulantes si la dernière option est sélectionnée

Question

Comment rafraîchir jquery multiselect lorsque la dernière option est sélectionnée avec de nouvelles valeurs? Comme j'ai les options ci-dessous dans mon multiselect:

<select id="positions" multiple="multiple"> 
    <option value="0">Programmer</option> 
    <option value="1">Tester</option> 
    <option value="2">Manager</option> 
    <option value="3">Admin</option> 
    <option value="4">Load all other</option>  
</select> 

Si l'utilisateur sélectionne la « charge tous les autres » option dans la zone de multiselect, cette multiselect doit être réinitialisée avec des valeurs différentes.

<select id="positions2" multiple="multiple"> 
    <option value="0">test1</option> 
    <option value="1">test2</option> 
    <option value="2">test3</option> 
    <option value="3">test4</option>  
</select> 

Ci-dessus, les options résultantes que le multiselect aura la charge après avoir sélectionné toutes les autres options

Answer 1

Il y a plusieurs façons que vous pouvez faire cela. Du haut de ma tête j'utiliserais la fonction html. Définissez un ID sur l'option qui doit être cliquée et ajoutez-y un gestionnaire d'événements. Voulez-vous que j'écrive le code pour vous?

MISE À JOUR

Cela remplacera le code dans la première sélection. Si vous voulez simplement le cacher et ajouter un nouvel élément select, utilisez la fonction show/hide. N'oubliez pas d'ajouter l'attribut id="option" à l'option qui doit être cliquée.

MISE À JOUR - J'ai ajouté des commentaires pour vous aider à comprendre ce que le script fait

// Set the click event of the option (change '#option' to the options id) 
$('#option').click(function(){ 
    // Alter the HTML content of the select 
    $('#positions').html('<option value="0">test1</option><option value="1">test2</option><option value="2">test3</option><option value="3">test4</option>'); 
});