Multiselected dropdown list with checkboxes [Answered]RSS

• • Reply
  Wiktor9696

  Member

  2 Points

  9 Posts

  Multiselected dropdown list with checkboxes

  Mar 18, 2020 12:56 PM|Wiktor9696|LINK

  Hi I want to do a multiselected dropdown list with checkboxes and post values in array to model how can I do it? I can't find it anywhere

• • Reply
  mgebhard

  All-Star

  45701 Points

  19867 Posts

  Re: Multiselected dropdown list with checkboxes

  Mar 18, 2020 01:38 PM|mgebhard|LINK

  Wiktor9696

  Hi I want to do a multiselected dropdown list with checkboxes and post values in array to model how can I do it? I can't find it anywhere

  Google for a JavaScript library and read the support docs for the library.

  https://www.google.com/search?q=multiselect+dropdown+checkbox&rlz=1C1CHBF_enUS838US838&oq=multiselected+dropdown+with+checks&aqs=chrome.1.69i57j0l5.5790j0j7&sourceid=chrome&ie=UTF-8

• • Reply
  jiadongm

  Participant

  1030 Points

  384 Posts

  Re: Multiselected dropdown list with checkboxes

  Mar 19, 2020 08:59 AM|jiadongm|LINK

  Hi Wiktor9696,

  You can use bootstrap-multiselect to create a Multiselected dropdown list with checkboxes. Steps are as follow

  1. Download the bootstrap-multiselect package from github.
  2. Add the dist folder to your project after unzipping.
  3. Reference bootstrap-multiselect.js and bootstrap-multiselect.css.

  Here is an example:

  @section scripts{
      <script type="text/javascript" src="~/dist/js/bootstrap-multiselect.js"></script>
      <link rel="stylesheet" href="~/dist/css/bootstrap-multiselect.css" type="text/css" />
      <script>
          $(function () {
              $('#Language').multiselect();
          })
      </script>
  }
  
      <form action="@Url.Action("GetData")" method="post">
          <select name="langOpt" multiple id="Language">
              <option value="C++">C++</option>
              <option value="C#">C#</option>
              <option value="Java">Java</option>
              <option value="Objective-C">Objective-C</option>
              <option value="JavaScript">JavaScript</option>
              <option value="Perl">Perl</option>
              <option value="PHP">PHP</option>
              <option value="Ruby on Rails">Ruby on Rails</option>
              <option value="Android">Android</option>
              <option value="iOS">iOS</option>
              <option value="HTML">HTML</option>
              <option value="XML">XML</option>
          </select>
  
          <input type="submit" value="submit" />
      </form>

  [HttpPost]
          public ActionResult GetData(string[] langOpt)
          {
              return View();
          }

  Result:

  

  Best Regards,

  Jiadong Meng

  MSDN Community Support
  Please remember to click "Mark as Answer" the responses that resolved your issue.
  If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com
• • Reply
  Wiktor9696

  Member

  2 Points

  9 Posts

  Re: Multiselected dropdown list with checkboxes

  Mar 20, 2020 11:19 AM|Wiktor9696|LINK

  Thank you