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"]
}

var $frag = $(document.createDocumentFragment());

for(var i = 0; i < settings.select1; i++) {
		$frag.append($('<option/>', {text: i}
	));
}
$('#s1').append($frag);

$frag.empty();
for(var i = 0; i < settings.select2; i++) {
		$frag.append($('<option/>', {text: i + 1}
	));
}
$('#s2').append($frag);

$frag.empty();
for(var i = 0; i < settings.select3.length; i++) {
		$frag.append($('<option/>', {text: settings.select3[i]}
	));
}
$('#s3').append($frag);