Передавать данные из span в input?

Question

[GRO24]

Есть input
https://codepen.io/ravid7000/pen/GqyOvX
Вписываем любой текст, жмем Tab, создается span
Нужно передавать все span с этого input в форму по submit

Answer 1

[Stalker_RED]

form.addEvenListener('submit', function(){
  let sapns = [...document.querySelectorAll('.tagHere .tag span')]
  let string = spans.map(span => span.textContent).join(',')
  myInput.value = string
})

Comments

[GRO24]

А если форму вот так отправлять?
a href="#" class="order">
form.addEvenListener('order', function(){
Меняю, не слушает

[Stalker_RED]

GRO24, а у вас есть событие 'order'?

[GRO24]

Stalker_RED,
Да, форму отправляю по order
отрывок оттуда
$('.order').click(function(e){
e.preventDefault();
id = '#'+$(this).closest('form').attr('id');
calculate($(this).closest('form').attr('id'));
city = $(id+' input[name=for-city]').val();

проблема с input name=for-city

[Stalker_RED]

Можно в этот-же обработчик клика добавить

var tags = []
$(this).closest('form').find('.tagHere .tag span').each(function(){
  tags.push($(this).text())
})
tagsStr = tags.join(',')

Работать будет, но вообще это говнокод, и лучше бы вам разобраться что такое события, зачем они нужны, и как происходит отправка формы вообще.

[GRO24]

Stalker_RED, Да я только месяц как учусь в академии, еще не дошли до js)
Я бы не против понять)
Но код к сожалению так и не работает(

[Stalker_RED]

GRO24, тот что в codepen?

[GRO24]

Stalker_RED, нет, span не передает все равно в input

[Stalker_RED]

GRO24, спан и не должен это делать. Обработчик сабмита соберет данные из спанов и вставит в инпут.

[GRO24]

Stalker_RED, Я в том смысле, что в БД колонка пустая приходит, то что в span не передает, только то, что есть в input

[Stalker_RED]

GRO24, я конечно могу прокрутить страницу выше, скопировать оттуда код который уже выкладывал и выложить еще раз. Но смысл?

Если что-то непонятно по коду то луркай mdn или задавай вопросы.

Answer 2

[L0k1]

я так понимаю код, который в codepen откуда-то скопирован?
что мешает при сабмите создавать объект с нужными значениями? или, если вы совсем не понимаете что там написано - что мешает вместе со span создавать hidden инпуты, которые при сабмите улетят куда надо автоматом?

Comments

[GRO24]

В js не силен совсем, только учусь)
Как прописать ему input без понятия, потому и обратился)