title: How to save resources when repeating options of a select
body: <p>I am creating a relation about 50 people and set their role in just one page (a business requirement). </p>
  
  <ul>
  <li>People is a free text field,  </li>
  <li>though role contains about 100 entries.</li>
  </ul>
  
  <p>Eventually the page is taking a long time to load.
  I want to make it load faster.</p>
  
  <p>So, my PHP code is easy. However, to load the page it takes a long time, as each of the 50 people has one <code>&lt;select ...&gt;&lt;option&gt;&lt;/option&gt;**100times**&lt;/select&gt;.</code></p>
  
  <pre><code>&lt;?php
  for($p = 0 $p&lt;50, $p++){
    echo "&lt;select ...&gt;";
      foreach ($option as $i=&gt;$value){
        echo "&lt;option value=$i&gt;$value&lt;/option&gt;";
            /*** Eventually the HTML of this is huuuuuuge ****/
      }
  }
  </code></pre>
  
  <p>I would like to have some trick in the HTML that allows me to:</p>
  
  <pre><code>&lt;list name=repeatedList&gt;&lt;values&gt;&lt;/values&gt;&lt;/list&gt;
  &lt;select&gt;&lt;use list=repeatedlist&gt;&lt;/select&gt;
  </code></pre>
  
  <p>or even a jQuery that transfers the responsibility of generating that 100 options to the browser , instead of having to transfer these 100 options 50 times to the user.</p>