webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...

Как введенные в инпут данные показать в диве?

Собственно, вопрос в САБЖе.
Есть инпут, в который вводится число или цвет, не суть.
И рядом есть див, в котором нужно отобразить это число или цвет.
Пятница сказывается, что-то не соображу, как вытащить аяксом?
  • Вопрос задан
  • 253 просмотра
Решения вопроса 3
@D3lphi
$('#input-id').on('change', function () {
      var value = $(this).val();
      $('#div-id').html(value);
});

Вы, кажется, не знаете, что такое "аякс".

Если же вам все-таки, нужно обработать данные на сервере, то вот:
$('#input-id').on('change', function () {
      var value = $(this).val();
      $.ajax({
            url: '/url',
            method: 'POST',
            data: ({
                  value: value
            }),
            dataType: 'json',
            success: function (response) {
                  var result = response['value'];
                    // Манипуляции с данными....
                  $('#div-id').html(result);
            }
}


$value = $_POST['value'];
// ... манипуляции с полученным значением

echo json_encode([
    'value' => $value
]);
Ответ написан
L0k1
@L0k1
зачем аякс?
типа $('input').on('change', function(){ $('div').text($(this).val());}) не?
Ответ написан
@Camaro67
Помог? - "Отметить решением"
Что-то не совсем понял зачем ajax?
Если вкратце, то можно же так
$( 'input' ).on( 'change', function () {
	var val = $( this ).val();
	// Далее вставляем что нужно в div
} );
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы