Создание универсальной функции

        <form>
            Упаковка: <input id="pack" name="description" type="text" /> <br />
            Производитель: <input id="prod" name="description" type="text" /><br />
            Поставщик: <input id="diler" name="description" type="text" /><br />
            
          <script>
            var input = document.getElementById('pack'),
                parent = input.parentNode,
                select = document.createElement('SELECT');
              
            select.id = input.id;
            select.innerHTML =
              '<option>Red</option>' + 
              '<option>Green</option>' + 
              '<option>Blue</option>';
            select.name = input.name;
              
            parent.insertBefore(select, input);
            parent.removeChild(input);
          </script>
          
            <input type="submit" value="Go">
        </form>

        function CreateSelect(id, data )
        {
            var input = document.getElementById(id),
            parent = input.parentNode,
            select = document.createElement('SELECT');
            
            select.id = input.id;
            for( var i = data.length-1; i >= 0; i--)
            {
                select.innerHTML += '<option value="' + data[i] + '">' + data[i] + '</option>';
            }
            select.name = input.name;
        
            parent.insertBefore(select, input);
            parent.removeChild(input);
        }

        CreateSelect( 'pack', [ 'pack_01','pack_02','pack_03',]);
        CreateSelect( 'prod', [ 'prod_01','prod_02','prod_03',]);
        CreateSelect( 'diler', [ 'diler_01','diler_02','diler_03',]);