0

Массив должен содержать объекты со свойствами: value — значение для атрибута value тэга option label — значение для содержимого тэга option (заголовок элемента при открытии списка или выбранного значения) Вторым аргументом функция должна принимать выбранное значение (value выбранного по умолчанию элемента). По умолчанию выбирается 0-й элемент массива значений. Если переданное значение не найдено в массиве элементов, то нужно также выбрать 0-й элемент. Возвращаемое значение — DOM-элемент select.

Собственно в этой задаче мне не понятна сама структура скрипта. Выходит у меня функция с 2 аргументами должна быть, 1 аргумент это массив объектов со свойствами value и label,

и мне не понятен 2-й аргумент.

Вот мой каркас

    let arr = [
    {
       value: "Russia",
       label: 'Russia',
    },
    {
        value:"Germany",
        label:"Germany",
    },
    {
        value:"France",
        label:"France",
    }
]

let body = document.body;
let select = body.appendChild(document.createElement('select'));
let option = select.appendChild(document.createElement('option'));

option.setAttribute('value', arr[2].value)

function func(arr, value) {
    // тут вся логика
}

В этой задаче мне не понятно след предложение: Вторым аргументом функция должна принимать выбранное значение (value выбранного по умолчанию элемента).

Вообщем я не прошу полностью решать, а лишь проверить и дать рекомендации по шаблону задания.

4 ответа 4

0

Ну как-то так

let arr = [
    {
       value: "Russia",
       label: 'Russia',
    },
    {
        value:"Germany",
        label:"Germany",
    },
    {
        value:"France",
        label:"France",
    }
]


function createSelect(arr, value) {
    let result = document.createElement('select');
    let valueExists = false;
    arr.forEach(item => {
     let option = document.createElement('option');
     option.value = item.value;
     if (option.value === value) {
      valueExists = true;
      option.selected = true;
     }
     option.text = item.label;
     result.appendChild(option);
    });
    if (!valueExists) result.firstChild.selected = true;
   return result;
}

samplePage.appendChild(createSelect(arr, "Germany"));

samplePage.appendChild(createSelect(arr, "Uzbekistan"));
<div id="samplePage">

0

const selCont = document.querySelector('.select')

const arr = [
    {
        value: "Russia",
        label: 'Russia',
    },
    {
        value:"Germany",
        label:"Germany",
    },
    {
        value:"France",
        label:"France",
    }
]

const sel = document.createElement('select')

for(let [index, item] of arr.entries()) {
    let el = document.createElement('option')
    index == 0 ? el.setAttribute('selected', '') : false
    el.value = item.value
    el.innerHTML = item.label

   sel.appendChild(el)
    console.log(index , item)
}
selCont.appendChild(sel)
<div class="select"></div>

value нужно для формы, по ней же можно сделать логику на проверку

0

Сам решил таким способом), Всем спасибо

"use strict";
let arr = [{
    value: "Russia",
    label: 'Russia',
  },
  {
    value: "Germany",
    label: "Germany",
  },
  {
    value: "France",
    label: "France",
  }
]

function createSelectEl(arr, str) {
  const body = document.body;
  const select = body.appendChild(document.createElement('select'));

  arr.forEach(function(el) {
    const option = document.createElement('option');
    option.value = el.value;
    option.innerHTML = el.label;

    select.appendChild(option)
    if (option.value === str) {
      option.setAttribute('selected', true);
    }
  });

  return select
}


createSelectEl(arr, 'Germany')

6
  • Молодец сам решил. Ну просто слов нет. Это такое спасибо если что? Зачем-то возращять select. Добавлять в корень документа. Не выбирать значение по умолчанию если такового нет. 2 окт 2020 в 20:27
  • @AzizUmarov ты читал условие? и видел ли вообще свое решение, которое не соответствует условию да и даже не работает так как ты задумал) 3 окт 2020 в 10:20
  • @AzizUmarov ну и плюс к этим пунктам еще то, что я не просил готового решения) тем более не верного 3 окт 2020 в 10:23
  • А значение по умолчанию и так всегда выбирается первый эл массива с индиксом [0] ) 3 окт 2020 в 10:30
  • Я вижу спецом стал. Вчера читать не умел условия сегодня учишь. :)) 3 окт 2020 в 12:13
0

Твой вопрос помог мне разобраться с эти заданием. В процессе упростил твой код:

let array = [
    { label: 'Russia' },
    { label: "Germany" },
    { label: "France" },
    { label: "USA" }
]

function createSelectEl(arr, str) {
    const select = document.body.appendChild(document.createElement('select'));

    arr.forEach(function(el) {
        const option = document.createElement('option');
        option.innerText = Object.values(el);
        select.appendChild(option)
        if (option.value === str) {
            option.setAttribute('selected', true);
        }
    });

    return select
}


createSelectEl(array, 'France')

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.