Как сделать так чтобы при вводе данных в два input(text), в другой Input(button) передавался массив данных?

Question

[Евгений]

jsfiddle.net/hwovzbfz/3
Как сделать так чтобы при вводе данных
1) (прим:20) только в первый input(text) от, текст в input(button) менялся (от 20 м²)
2) (прим:20) только в input до, текст в input(button) менялся (до 20 м²)
3) в оба inputa (прим: 20, 40) текст в input(button) менялся (20 - 40 м²)

Comments

[Сергей delphinpro]

так и сделать, как вы описали.
навесить события на инпуты ('change input').
смотреть значения в них .value
писать в кнопку нужное .innerHTML =...

У вас проблема-то в чем?

[Евгений]

Сергей: Проблема в том что я не селен в JS, я сделал только с одного input value передает в другой, а мне надо чтобы массив передавал с двух инпутов в один

[Сергей delphinpro]

Juodvirshis: а тут не нужны великие знания. я там выше отметил - навешивание событий, чтение значения и запись в DOM. ну еще понадобится знание конструкции if() {}

Answer 1

[Ди Ма]

jsfiddle.net/hwovzbfz/4

var data = {};
var div = $('#res');

$('#imin, #imax').on('change', function (e) {
	
	data[e.target.id] = e.target.value;

	if (data.imin && data.imax) div.html(data.imin + ' - ' + data.imax + ' m3');
	else if (data.imin && !data.imax) div.html('от ' + data.imin + ' m3');
	else if (!data.imin && data.imax) div.html('до ' + data.imax + ' m3');
	else if (!data.imin && !data.imax) div.html('m3');
});

<input type="" class="form-control" id="imin" placeholder="от">
<input type="" class="form-control" id="imax" placeholder="до">
<div class="input-group-addon" id="res">м²</div>

Comments

[Евгений]

Большое спасибо то что нужно, только надо чтобы данные передавались не в div id="res", а верхний input(button) в value

[Ди Ма]

Juodvirshis: Тогда задайте id='res' для input(button) или измените в скрипте $('#res') на нужный селектор, и используйте метод val() вместо html()

[Евгений]

Большое спасибо!!! сделал уже! очень помогли 2 дня голову ломал

[Ди Ма]

Juodvirshis: вот
jsfiddle.net/hwovzbfz/5

[Ди Ма]

Juodvirshis: Всегда рад)