JSFiddle - React, Tailwind, and code Playground

HTML

<select id="s1"></select>
<select id="s2"></select>
<select id="s3"></select>

JavaScript

var settings = {
	select1: 5,
  select2: 10,
  select3: ["option 1", "option 2"]
}

function createOption(max, text, parent) {
	var $frag = $(document.createDocumentFragment());
  
  for(var i = 0; i < max; i++) {
      $frag.append($('<option/>', {text: eval(text)}
    ));
  }
	$(parent).append($frag);
}

createOption(settings.select1, 'i + 1','#s1');
createOption(settings.select2 + 1, 'i','#s2');
createOption(settings.select3.length, 'settings.select3[i]','#s3');