ブートストラップマルチセレクションがフォーム内に「selectAllValue」を投稿していません

フォームを送信する際に「selectAllValue」に設定された値を含めるのに問題があります。ポストに値を含めるのではなく、削除され、選択されたオプションだけが渡されます。フォームの投稿時に、選択されたすべての値（1,2,3,4,5など）と0のselectAllValueが含まれるように、マルチセレクションを更新するにはどうすればよいですか？形式は次のとおりです。ブートストラップマルチセレクションがフォーム内に「selectAllValue」を投稿していません

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

出典

2016-05-18 Tom Jones

あなたは、配列を初期化し、「すべての値を選択し、」1つの値で1を押すと、選択したオプションが

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

を含ん値ことができます

出典

2016-05-18 12:51:42 Wintergreen

ブートストラップマルチセレクションがフォーム内に「selectAllValue」を投稿していません

答えて

関連する問題