- Pour utiliser bootstrap pour implémenter plusieurs sélections dans la liste déroulante, vous devez d'abord introduire js et css.
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>
Bien sûr, vous pouvez également télécharger vous-même des ressources statiques js et css.
2. Utilisation des boîtes de sélection multiple sur la page.
<select name="param4" id="param4" multiple="multiple" class="selectpicker form-control" style="width:180px;height: 38px;" tabindex="-98"><option value="男">男</option><option value="女">女</option></select>
L'effet est le suivant:
3. Passez la valeur du formulaire de boîte de sélection multiple.
Si vous n'effectuez aucun traitement, le formulaire ne peut soumettre qu'une seule valeur sélectionnée par la case à cocher, ce qui posera des problèmes.
Cependant, la valeur obtenue par $ ("# param4"). Val () est en effet correcte.
Par conséquent, à ce stade, un traitement simple doit être effectué.
$ ("# param4"). change (function () {
$ ("input [nom = param4]"). val ($ ("# param4"). val ())
})
Dans ce cas, les valeurs du formulaire peuvent être soumises correctement.