Как в span передать значение data-atribute?

Question

[Николай Добрынин]

Не понимаю, как из <input data-color="white" type="text"> передать значение data-color в обычный<span></span>.

Answer 1

[Дмитрий]

При помощи Javascript.
На jQuery, например, вот так:

$(document).ready(function(){
	$('span').attr('data-color', $('input[name="color"]').data('color'));
});

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

Comments

[Николай Добрынин]

Можно пример?

[Дмитрий]

Николай, обновил ответ.

[Николай Добрынин]

Дмитрий, спасибо

[Алексей Ярков]

Николай, если ответ помог, то отметьте его решением, пожалуйста

[Николай Добрынин]

Дмитрий, а как то же самое но к выбраной options применить?

[Дмитрий]

Николай, не совсем понятно, покажите конкретный пример кода. Лучше всего на JsFiddle/Codepen.

[Николай Добрынин]

Дмитрий Codepen

[Дмитрий]

Николай, https://codepen.io/dmi3mart/pen/QWbNJYL

Answer 2

[Антон Усачев]

Comments

[Николай Добрынин]

Спасибо за ваш вариант, скажите а как его применить вот к подобной верстке когда есть несколько опций и у каждой свое значение Codepen

[Антон Усачев]

Примерно такой алгоритм: