Блог

У меня есть веб-сайт HTML, который позволяет людям вставлять определенную информацию в поля, например, ваше имя и название вашего проекта. Чего я хочу добиться, так это того, что когда пользователь нажимает кнопку отправки, вся введенная информация будет перенесена в шаблон. Пример: Имя автора конфигурации:

Пользователь вводит свое имя, и веб-страница вводится обратно в поле div this :

—config.lua— Имя автора :

Спасибо 🙂

Вы можете использовать jQuery.
Для каждого имеющегося у вас ввода вы можете получить его значение с помощью :

 $("#input-id").val();
  

Так, например, если вы хотите поместить входные значения в шаблон, вы делаете что-то вроде этого (я предлагаю вам использовать текстовую область вместо простого div).

HTML:

 <form id="form" action="#">
    <input id="first-name">
    <input id="last-name">
    <input type="submit" value="Validate">
</form>
<textarea id="template"></textarea>
  

JS:

 $("#form").on("submit", function() {
    $("#template").val(
        "First name:"   $("#first-name").val()  
        "Last name:"   $("#last-name").val()
    );
});
  

Этот код напишет текст в вашей текстовой области примерно так:

Имя: Джон
Фамилия: Доу