Multiselected dropdown list with checkboxes[Answered] RSS

• • Reply
  Wiktor9696

  Member

  2 Points

  12 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

  53021 Points

  23601 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

  1320 Points

  491 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

  .NET forums are moving to a new home on Microsoft Q&A, we encourage you to go to Microsoft Q&A for .NET for posting new questions and get involved today.
• • Reply
  Wiktor9696

  Member

  2 Points

  12 Posts

  Re: Multiselected dropdown list with checkboxes

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

  Thank you