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

@Marisita · Регистрация: 15.10.2014

Author24 — интернет-сервис помощи студентам

Добрый день
есть код js, который создает выпадающий список для инпута с определённым id

Javascript

        <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>

это только для одного, а как сделать что бы не приходилось писать такой же скрипт неколько раз, если я хочу сделать выпадающие списки для нескольких инпутов? можно ли создать js функцию, которой передать id инпута и значения для выпадающего списка, если да то как?

@arcmas · 18.11.2014, 17:19

Ну как вариант можешь запихать свой скрипт в функцию и вместо 12 строк кода вызывать его через 1 строчку функцией) в качестве аргумента передавай в нее имя своего id и по этому имени ищи требуемый элемент и тд.

@and_y87 · 18.11.2014, 17:51

Marisita, Держи твою оптимизированную функцию.

Javascript

        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);
        }

Пример использования

Javascript

1
2
3

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

Пример на Fiddle

@arcmas 4 / 4 / 2 Регистрация: 01.11.2014 Сообщений: 22
	18.11.2014, 17:19	2
	Ну как вариант можешь запихать свой скрипт в функцию и вместо 12 строк кода вызывать его через 1 строчку функцией) в качестве аргумента передавай в нее имя своего id и по этому имени ищи требуемый элемент и тд. 0

	18.11.2014, 17:51