Можно ли отправить span в бд или как вставить data-tag в input?

Question

[Way]

В общем есть скрипт подсчёта итога цены, но он передаёт данные через data-тут тег(Пример: ). Можно ли как нибудь данные из data-tag отправить в базу данных через форму, а если нет то как вставить этот date-tag в input.

$(function () {
	var flowers = {};

	$('[data-container="forma"] [data-id]').each(function () {
		var container = $(this),
			id = container.data('id'),
			length = $('[data-length="value"]', container),
			price = $('[data-base]', container);

		flowers[id] = {
			elems: {
				length: length,
				price: price,
				count: $('[data-count="value"]', container),
				sum: $('[data-sum="text"]', container)
			},
			values: {
				basePrice: parseInt(price.data('base')),
				delta: parseInt(price.data('delta')),
				baseLength: parseInt(length.attr('min')),
				step: parseInt(length.attr('step'))
			},
			buy: []
		};
		check(id);
	});
	$(document).on('change', '[data-length="value"],[data-count="value"]', function () {
		check($(this).closest('[data-id]').data('id'));
	});

	function check (id) {
		var flower = flowers[id],
			length = parseInt(flower.elems.length.val()),
			count = parseInt(flower.elems.count.val()),
			price = flower.values.basePrice + flower.values.delta * (length - flower.values.baseLength) / flower.values.step;

		flower.elems.length.next('[data-length="text"]').text(length);
        flower.elems.count.next('[data-count="text"]').text(count);
		flower.elems.price.text(price);
		flower.elems.sum.text(count * price);
	}
});

<input name="length" type="range" min="50" max="90" step="10" value="70" data-length="value">
<span data-length="text"></span> см.<br>

Если можно, то с примером.

Answer 1

[IceJOKER]

Код разбирать лень.

$('[data-SOMETHING]').attr('data-SOMETHING'); //или $.data('SOMETHING');
$('[data-SOMETHING]').text(); //если хранится внутри span-а

код выше возвращает ТО САМОЕ значение, которое вам нужно, дальше уже делайте с ним, что хотите, можно вставить его хоть в input (

$('input').val($('[data-SOMETHING]').data('SOMETHING'))

) , textarea или напрямую в post/get засунуть

Comments

[Way]

Только сейчас вспомнил про id и тут вы написали. За помощь спасибо.

[IceJOKER]

Юрий Андрианов: you're welcome

[Way]

Что то я не понимаю как его в инпут присобачить. Случаем не id?

[IceJOKER]

Юрий Андрианов: что за id ? я же вам привел пример, берете значение у data атрибута и вставляете его в инпут , для того и другого привел пример кода

[Way]

IceJOKER: да про id я случайно написал. Просто хотел узнать как именно в input вставить? Пример <input data-test="123">

[IceJOKER]

Юрий Андрианов: нельзя ли сразу без data поставить в input? какая-то непонятная логика. Если не хотите показать пользователям, то есть input hidden

[Way]

IceJOKER: да я сейчас убираю data и меняю на id="test"(как пример). Только вот не знаю, как можно этот id "впихнуть" в value, чтобы некоторые значения выводились сразу.

[Way]

IceJOKER: частично заменил всё на id jsfiddle.net/YouTy6bl4/a77zfuvq/4 , может там вы сможете объяснить, как в этот input вставить значение со слайдера.

[IceJOKER]

Юрий Андрианов: jsfiddle.net/a77zfuvq/5 - можно type="hidden" указать, чтоб пользователи не видели поле с ценой . если таких махинаций на сайте много, то рекомендую Angular, с помощью него можно избавить себя от лишнего кода

[Way]

IceJOKER: вы меня не совсем поняли, мне не скрыть надо, а в инпут передать данные нужно, но уже с помощью id.

[IceJOKER]

Юрий Андрианов: вы хотя бы открыли ссылку которую я вам передал?? там же как раз в input все передается, нафига в id?? он не для этого существует. Если вы совсем не понимаете, что пишите, то наймите программиста, чтоб он все сделал

[Way]

NoUiSlider через id передаёт данные, но это уже совсем другая вопрос. Спасибо за помощь, больше вопросов нет.