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

Question

[Сергей Горячев]

Собственно, вопрос в САБЖе.
Есть инпут, в который вводится число или цвет, не суть.
И рядом есть див, в котором нужно отобразить это число или цвет.
Пятница сказывается, что-то не соображу, как вытащить аяксом?

Comments

[iBird Rose]

аякс? или я че то не понял. оно? https://jsfiddle.net/fL86105c/

[Сергей Горячев]

iBird Rose: Перемудрил опять с решением.

[Егор Живагин]

iBird Rose: keyup, change советуют... а почему не input ?) https://jsfiddle.net/66zq3L81/
Мне просто интересно, дело привычки?

[iBird Rose]

Егор Живагин: ага. привычка. ну да. именно если нужно динамически "input" будет лучше

Answer 1

[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
]);

Comments

[Сергей Горячев]

Перемудрил с вопросом.
Да, аякс тут не при чем.

Answer 2

[L0k1]

зачем аякс?
типа $('input').on('change', function(){ $('div').text($(this).val());}) не?

Answer 3

[Camaro67]

Что-то не совсем понял зачем ajax?
Если вкратце, то можно же так

$( 'input' ).on( 'change', function () {
	var val = $( this ).val();
	// Далее вставляем что нужно в div
} );

Answer 4

[Егор Живагин]

А зачем все на change вещают? На input же круче