Question

I have the following select control in my view:

<select id="countriesMultiselect" name="countriesMultiselect" multiple="multiple"
            style="width: 180px; font-size: 10px; text-align: left;">
            @foreach (var region in Model.RegionsHierarchy)
            {
                if (region.Children != null && region.Children.Count > 0)
                {
                <optgroup id="@region.MdsId" label="@region.Name">
                    @foreach (var childRegion in region.Children)
                    {
                        <option id="@childRegion.MdsId">@childRegion.Name</option>
                    }
                    @*</option>*@
                </optgroup>
                }
                else
                {
                <option id="@region.MdsId">@region.Name</option>
                }
            }
        </select>

When I click the submit button, the controller’s action is called:

    public RedirectToRouteResult Search(SearcherViewModel model)
            {
 //do some stuff   
                return RedirectToAction("Index");
            }

How can I get the selected items?

Answer 1

I would recommend you replacing this tag soup with a custom html helper that will handle this for you.