title: How do I repeat select elements in HTML
body: <p>I have a select/drop down in my HTML page which has to appear about 10 times in the page. Simple sample for that would be as below: </p>
  
  <blockquote>
    <p>Qn 1: {dropdown} is a {TextField}</p>
    
    <p>Qn 2: {dropdown} is a {TextField}</p>
    
    <p>Qn 3: {dropdown} is a {TextField}</p>
  </blockquote>
  
  <p>Where dropdown lists various options which are same and static (array of strings - no server component).</p>
  
  <p>I want to create the dropdown once and use it. Can CSS have data elements for the html:select?  Or how do I write javascript code to fill the select elements?</p>