JSFiddle - React, Tailwind, and code Playground

by thecodeparadox

HTML

<link rel="stylesheet" href="///ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/base/jquery-ui.css">
<select name="drp_name" id="drp_name">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>

<div id="main_div">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>

JavaScript

$('#main_div').empty();
$('#drp_name option').each(function(index, item) {
  $('#main_div div').eq(index-1).html($(this).text())
});