Question

我无法为＆＃39; selectAllValue＆＃39;设置值。提交表格时。它不是包含在帖子中的值，而是被删除，只传递所选的选项。如何更新multiselect，以便在表单发布时，它包括所选的所有值（即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”和“Selected options values”

    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 Multiselect不发布＆＃39; selectAllValue＆＃39;形式

1 个答案: