var input = document.getElementById('frF4'),
  parent = input.parentNode,
  select = document.createElement('SELECT');
   
  select.id = input.id;
  select.innerHTML =
  '<option></option>' +  
  '<option>1</option>' +  
  '<option>2</option>' +  
  '<option>3</option>' +  
  '<option>4</option>' +  
  '<option>5</option>';
  select.name = input.name;
   
  parent.insertBefore(select, input);
  parent.removeChild(input);