How to multiple select list value in mvc without ctrl key?

Multiple select list value in asp.net

Multiple select list value in java script


<link href="@Url.Content("~/Content/MultiCheckbx/css/bootstrap-3.1.1.min.css")" rel="stylesheet" />
<link href="@Url.Content("~/Content/MultiCheckbx/css/bootstrap-multiselect.css")" rel="stylesheet" />
<script src="@Url.Content("~/Content/MultiCheckbx/js/bootstrap-multiselect.js")"></script>

 <script type="text/javascript">
        $(document).ready(function () {

            $('#ddlLanguage').multiselect({
                includeSelectAllOption: true,
                numberDisplayed: 1,
            });

function Validation() {
    //var language = ListboxChek();
    debugger;
    var languageids = '';
    $('#dvlanguage input[type="checkbox"]:checked').each(function (i, el) {
        languageids += el.value + ',';
        document.getElementById("hdnLanguage").value = languageids;
        var abc = document.getElementById("hdnLanguage").value;
    });
    var abcd = document.getElementById("hdnLanguage").value;
  </script>

When Insert into a table
 @Html.HiddenFor(m => m.hdnLanguage)
 <div id="dvlanguage">
 <select id="ddlLanguage" class="form-control" multiple="multiple">
  @if (Model._listLanguage.Count() > 0)
   {
        foreach (var item in Model._listLanguage)
        {
             <option value="@item.LanguageId"> @item.Name </option>
         }
   }
    </select>
 </div>

  <button type="submit" class="btn" onclick="javascript:return Validation();">Submit</button>

When Edit after that update
 @Html.HiddenFor(m => m.hdnLanguage)
<div id="dvlanguage">
 <select id="ddlLanguage" class="form-control" multiple="multiple">
    @if (Model._listLanguage.Count() > 0)
       {
           foreach (var item in Model._listLanguage)
           {
               <option value="@item.LanguageId"
                  @if (Model.hdnLanguage != null && (Model.hdnLanguage.Split(new[] { "," }, StringSplitOptions.RemoveEmptyEntries).Any(p => (item.LanguageId.ToString().Trim().ToLower() == p.ToString().Trim().ToLower()))))
                                            { <text> selected="selected" </text>  }>
                                                                            @item.Name
                                                                        </option>
             }
        }
    </select>


 </div>
<button type="submit" class="btn" onclick="javascript:return Validation();">Submit</button>