Передача значения из span в input?

Question

[maksplotnikoff]

Ребят, есть форма, вот её часть:

<div class="total-summa col-sm-6 indents">
	<span>Стоимость</span><br>
	<span class="currency-shop1" name="summa" id="summa" value="774.41">774.41 руб.</span>
	<input type="hidden" id="123" value="">
</div>

В теге span меняется значение, в зависимости от количества товара
Как передать значение из span в input, для дальнейшей передачи методом POST?

Answer 1

[Михаил Чирский]

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

var price = $('.total-summa span').text();
$('#123').val(price);

Comments

[maksplotnikoff]

Всё работает, только необходимо при назначении переменной price не забывать указывать класс, соответствующий span

Answer 2

[Игорь]

Зачем тегу span аттрибут value и name? Вам нужна структура типа

<span class="currency-shop1" id="sum" data-value="774.41">774.41 руб.</span>
<input type="hidden" name="total_sum" id="some_id" value="">

Далее, при сабмите чего-то вы делаете следующее:

$('some-form').on('submit', function(event) {
  var $this = $(this);
  var priceInput = $this.find('#some_id');
  var sum = $this.find('#sum').data('value');
  priceInput.val(sum);
  ....Отправка формы со всеми полями....
});

Comments

[maksplotnikoff]

А не подскажешь, some-form это name которое принадлежит button?

[Игорь]

maksplotnikoff: some-form это форма, которую нужно отправить на сервер. Это может быть как атрибут формы, так и тег. Это вообще может быть не форма. Можно отправлять данные просто при клике на кнопку. Зависит от задачи

[maksplotnikoff]

Извини, а не подскажешь какое событие нужно, чтобы он динамически подставлял значение из span в input?