Je suis très nouveau pour javascript et jquery. J'essaie de créer une liste déroulante à sélection multiple avec le bouton "Sélectionner tout". J'ai finalement trouvé ce joli plugin: http://wenzhixin.net.cn/p/multiple-select/docs/jquery multiselect liste déroulante valeurs sélectionnées
J'ai suivi les docs, et la liste déroulante est montrée sur la page. Mais j'ai du mal à obtenir les éléments sélectionnés.
Voici ce que je faisais (en javascript contrôleur de fichier):
$scope.testSelectValues = $('#ms').multipleSelect('getSelects', 'text'));
et dans le fichier html:
<div class="form-group">
<label>Month</label>
<select id="ms" multiple="multiple">
<option value="1">January</option>
<option value="2">February</option>
<option value="3">March</option>
<option value="4">April</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
</div>
<script>
$(function() {
$('#ms').change(function() {
console.log($(this).val());
}).multipleSelect({
width: '100%'
});
});
</script>
Cela ne fonctionne pas. Je ne reçois aucun testSelectValues avec les valeurs sélectionnées appropriées. Quelqu'un sait quel est le problème?
Pouvez-vous mettre le code dans fiddler? –
Pouvez-vous poster un peu plus de code d'élément exact et d'initialisation bcos tout ce que vous avez essayé semble bon! –