Bootstrap 多选未在表单中发布 'selectAllValue'

Question

我在提交表单时无法包含为 'selectAllValue' 设置的值。不是将值包含在 post 中，而是将其删除，并且仅传递选定的选项。如何更新多选，以便在 posts 形式时，它包括所有选择的值（即 1、2、3、4、5）以及 selectAllValue 0？形式为：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="http://www.peoplevalue.co.uk/dev/css/bootstrap-multiselect.css" type="text/css">
</head>
<body>
<div id="filteroptions"></div>
<form action="Index" class="form-horizontal" id="filterForm" method="post" >
  <select class="form-control multiselect" id="Roles" multiple="multiple" name="Roles">
    <option selected="selected" value="5">Role 5</option>
    <option selected="selected" value="4">Role 4</option>
    <option selected="selected" value="3">Role 3</option>
    <option selected="selected" value="2">Role 2</option>
    <option selected="selected" value="1">Role 1</option>
  </select>
</form>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js" type="text/javascript"></script> 
<script src="http://www.peoplevalue.co.uk/dev/js/bootstrap-multiselect.js" type="text/javascript"></script> 
<script type="text/javascript">
      $('.multiselect').multiselect({
         includeSelectAllOption: true,
         selectAllValue: 0,
         onChange: function(option, checked, select) {
            var Roles = $("#Roles").val();
             document.getElementById("filteroptions").innerHTML = ("Form Contents: " + Roles) ;
      }  
       });
   </script>
</body>
</html>

Answer 1

您可以初始化一个数组并逐一推送值 "Select All Value" 和选定的选项值

    var selected = [];
    selected.push($("input[type=checkbox]:checked").val()); // Get Selected option value

    var brands = $('#Roles option:selected');

     $(brands).each(function (index, brand) {
        selected.push([$(this).val()]);
        });

包括所有选择的值以及“selectAllValue

Bootstrap 多选未在表单中发布 'selectAllValue'

Bootstrap Multiselect not posting 'selectAllValue' in form

jquery

twitter-bootstrap

bootstrap-multiselect