ブートストラップを使用して、選択ボックスの複数選択を実現します

  1. ブートストラップを使用してドロップダウンボックスに複数の選択を実装するには、最初にjsと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>   

もちろん、jsとcssの静的リソースを自分でダウンロードすることもできます。

   2.ページでの複数選択ボックスの使用。

<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>

効果は次のとおりです。

3.複数選択ボックスフォームの値を渡します。

何も処理しない場合、フォームはチェックボックスで選択された1つの値しか送信できないため、問題が発生します。

ただし、$( "#param4")。val()によって取得された値は確かに正しいです。

したがって、この時点では、簡単な処理を行う必要があります。

$( "#param4")。change(function(){

            $( "input [name = param4]")。val($( "#param4")。val())

})

        この場合、フォームの値を正しく送信できます。

おすすめ

転載: blog.csdn.net/H517604180/article/details/94412076