Как добавить value к элементам выпадающего списка?

Question

[Lex_pvl]

Есть выпадающий список, так как нужно было стилизовать заюзал selectmenu. Как присвоить те же value из селекта, нужны для расчетов.

Comments

[good_beginer]

Это обычно присваивается при самой генерации но думаю можете найти ответ сдесь.
https://stackoverflow.com/questions/78932/how-do-i...

[Одиночка Айс]

Через js/jquery брать текст внутри спана или id внутри дата параметра и помещать в input type hidden

[Алекс Глебов]

спан тебе вообще не нужен, это просто визуальная обертка
скрытый селект продолжает работать
там лежит актуальное value и есть событие change

Answer 1

[MamaLuyba]

присвоить чему? у тебя же на скрине уже стоит value у вариантов списка.
а вообще - берешь значение value и присваиваешь.

Comments

[Lex_pvl]

Мне нужно эти же value из списка присвоить ниже выделенному спану

[MamaLuyba]

Lex_pvl, ок. если я правильно понял, у тебя изначально есть список, и ты хочешь под каждый пункт списка сделать span, дублирующий этот пункт. тогда проходишь циклом по всем option, и от каждого option берешь нужные атрибуты/значения, которые потом крепишь к новому span, который делаешь через document.createElement('span'), и appendChild этот элемент к родительскому спану.

Answer 2

[Павел Дружинин]

Ну вообще 2 варианта. При каждом Change у селекта можно менять значение в каком нить скрытом inpit и работать с ним.

$("#select").on("change", function(){
  $("#hiddenInputSelect").val($(this).val());
});

Ну или как-то так...

Ну и второй, брать значение прямо из select по его id например. т.к. нет абсолютно никакого смысла присваивать это значение стилизованному меню, оно только для красоты.