@Vadim1899

Как правильно сгенерировать и вставить элемент?

При нажатии на кнопку, нужно создать новый элемент и вставить его на страницу. Структура элемента многоуровневая:
<tr class="item">
	<td>
		<input name="s_title_1" placeholder="Название варианта" type="text" id="s_title" class="validate">
	</td>
	<td>
		<input name="s_value_1" placeholder="Значение" type="text" id="s_value" class="validate">
	</td>
</tr>


Плюс ко всему, у s_value_1 и s_title_1 должна быть итерация (s_value_1, s_value_2, s_value_3 ...). С этим проблем нет: создаем скрытый инпут, в котором находится кол-во итемов. При нажатии на кнопку "добавить", получаем значение скрытого инпута и делаем автоинкримент.

Теперь вопрос: как лучше "генерировать" разметку элемента?

Делать так мне кажется не вариант
let tmp = '<tr class="item"> <td> <input name="s_title_'+value+'" placeholder="Название варианта" type="text" id="s_title" class="validate"> </td> <td> <input name="s_value_'+value+'" placeholder="Значение" type="text" id="s_value" class="validate"> </td> </tr>'

, выглядит слишком костыльно.
Может есть какие-нибудь варианты получше?
Из библиотек только jquery
  • Вопрос задан
  • 54 просмотра
Решения вопроса 1
Posho
@Posho
Frontend-developer
Думаю, createElement вам поможет: https://developer.mozilla.org/ru/docs/DOM/document...
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
07 апр. 2020, в 13:42
1000 руб./за проект
07 апр. 2020, в 13:40
700 руб./в час
07 апр. 2020, в 13:37
10000 руб./за проект