Как изменить input по кнопке

405

13 марта 2017, 08:39

У меня есть страница html, на ней кнопка submit.

<form action="create.php" method="post">
<input type="submit" name="load" value="load" />
</form>

Как мне при ее нажатии вставить текст в существующие на этой странице input? Например такие:

<input type="text" placeholder="Question Title" name="question_title" required><br>

В целом алгоритм такой,нажав на кнопку на странице, мне надо достать данные из MySQL и вставить их в уже существующие input'ы на странице...

Answer 1

Можно реализовать с помощью jQuery примерно так:

<form action="create.php" id="form" method="post">
<input type="submit" name="load" value="load" />
</form>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script type="text/javascript">
    $(function() {
        $(document).on('submit', '#form', function(event) {
            event.preventDefault();
            $.ajax({
                url: $(this).attr('action'),
                dataType: 'json',
                type: 'GET'
            })
            .done(function(response) {
                console.log("success");
                $('input[name=question_title]').val(response.question_title); // Селектор и значение поменяете на свои
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });
        });
    });
</script>

В файле action.php нужно сделать код который будет выполнять запрос к базе данных и возвращать данные в json и в методе done замените мой код вставки значения на свои.