JSFiddle - React, Tailwind, and code Playground

HTML

<select id="select_seasons">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
</select>

<div id="contain_form"></div>

JavaScript

var number = 2; 
document.getElementById('select_seasons').addEventListener('change', function(){ 
    var self = this,
    exisiting = document.getElementById('contain_form');
    
    //remove existing divs
    exisiting.innerHTML = '';
    
    for(i=1; i<= self.value; i++){
        var newDiv = document.createElement('div'); 
         newDiv.id = 'container'; 
         newDiv.innerHTML = "<label>Episode " + i + " name</label> <input type='text' name='episode'" + i +" /> <label>Episode " + number + " embed</label> <input type='text' /> ";
      exisiting.appendChild(newDiv);
   }
});