title: ASP.NET MVC 5 Creating multiple DropDownLists from a single source on the client side
body: <p>I am wondering if there is a way to create multiple DropDownLists on the client side from one source in the model.</p>
  
  <p>The background is I need to create a view that contains about 30 DropDownLists. The DropDownLists are identical to one another, and each contains about 400 entries. My model contains one </p>
  
  <pre><code>List&lt;SelectListItem&gt; StandardProductTypes
  </code></pre>
  
  <p>to hold all entries for each DropDownList.</p>
  
  <p>Here is what is in my current view:</p>
  
  <pre><code>@for (int i = 0; i &lt; Model.Mappings.Count; i++)
  {
      @Html.DropDownListFor(model =&gt; model.Mappings[i].SelectedStandardProductTypeKey,
                          new SelectList(Model.StandardProductTypes, "Value", "Text", Model.Mappings[i].SelectedStandardProductTypeKey))
  }
  </code></pre>
  
  <p>As you can see, this is returning 30 x 400 = 12000 entries from the sever, and the page loads rather slowly.</p>
  
  <p>All that is really required is only 400 entries transferred and they are replicated 30 times on the client side in the browser. Is there a way to achieve that? Any reference to reading materials or tutorials will be good. </p>
  
  <p>Thanks in advance.</p>
  
  <p>Nay</p>