Как собрать несколько значений в текстовом поле и текст вместе, используя jQuery?

Question

У меня есть поле выбора, и пользователь может выбрать несколько цветов, поэтому я хочу получить значения и тексты выбранных опций с помощью приведенного ниже кода. Я просто получаю тексты или просто получаю значения, но мне нужны оба значения:

  selected_colors = $('.selectpicker option:selected')
                .toArray().map(item => item.text);
                console.log(selected_colors);

дает мне это

(2) ["بنفش", "نارنجی روشن"]0: "بنفش"1: "نارنجی روشن"length: 2__proto__: Array(0)

кстати "نارنجی روشن" и ... названия цветов

Answer 1

Попробуйте это ниже:

selected_colors = $('.selectpicker option:selected').toArray().map(item => ({'text':item.text, 'value':item.value}));

console.log(selected_colors);