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

Question

Евгений @Juodvirshis

JavaScript

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

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 м²)

Вопрос задан более трёх лет назад
148 просмотров

3 комментария

Подписаться 1 Оценить 3 комментария

Сергей delphinpro @delphinpro Куратор тега JavaScript

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

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

Написано более трёх лет назад
Евгений @Juodvirshis Автор вопроса

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

Написано более трёх лет назад
Сергей delphinpro @delphinpro Куратор тега JavaScript

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

Написано более трёх лет назад

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

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

Answer 1 · 2017-04-08 18:20:57

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>

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

Войдите на сайт