Comment définir la valeur sélectionnée sur la sélection en utilisant le plugin selectpicker de bootstrap ?

Question

J'utilise le Bootstrap-Select plugin comme celui-ci :

HTML :

<select name="selValue" class="selectpicker">
   <option value="1">Val 1</option>
   <option value="2">Val 2</option>
   <option value="3">Val 3</option>
   <option value="4">Val 4</option>
</select>

Javascript :

$('select[name=selValue]').selectpicker();

Maintenant, je veux définir la valeur sélectionnée à cette sélection lorsque le bouton est cliqué ... quelque chose comme ceci :

$('#mybutton').click(function(){
   $('select[name=selValue]').val(1);
});

Mais rien ne se passe.

Comment puis-je y parvenir ?

Answer 1

En fait, votre valeur est définie, mais votre sélecteur n'est pas rafraîchi.

Comme vous pouvez le lire dans la documentation
https://silviomoreto.github.io/bootstrap-select/methods/#selectpickerval

La bonne façon de procéder serait

$('.selectpicker').selectpicker('val', 1);

Pour des valeurs multiples, vous pouvez ajouter un tableau de valeurs

$('.selectpicker').selectpicker('val', [1 , 2]);

Answer 2

$('selector').selectpicker('val',value);

à la place du sélecteur vous pouvez donner à votre sélecteur soit la classe soit l'id par exemple : $('#mySelect').selectpicker('val',your_value)

Answer 3

Vous pouvez définir la valeur sélectionnée en appelant la méthode val sur l'élément.

$('.selectpicker').selectpicker('val', 'Mustard');
$('.selectpicker').selectpicker('val', ['Mustard','Relish']);

Cela permet de sélectionner tous les éléments d'une sélection multiple.

$('.selectpicker').selectpicker('selectAll');

Les détails sont disponibles sur place : https://silviomoreto.github.io/bootstrap-select/methods/

Answer 4

$('.selectpicker').selectpicker("val", "value");

Answer 5

Lorsque vous utilisez Bootstrap Selectpicke r, vous devez l'utiliser pour obtenir la valeur de l'option sélectionnée.

$('#membershipadmin').selectpicker("option:selected").val();