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>
$(function() {
var h = $('.menu-line').css('height');
$(".menu-line a").mPageScroll2id({
offset : parseInt(h),
scrollSpeed: 500,
highlightByNextTarget: true
});
});
var selected_column = 0; //выбранный столбец из списка
var row_index = 0; //индекс строки
if(value > 0 && value < 4)
{
row_index = 1;
}elseif(value > 3 && value < 11){
row_index = 2;
}
...
var table = document.getElementsByTagName('table'); // получаем таблицы
var rows = table[1].getElementsByTagName('tr'); //выбираем все строки нужной таблицы(у вас их две, выбираем вторую(индекс начинается с 0)) данной таблицы
var columns = rows[4].getElementsByTagName('td'); //выбираем столбцы нужной строки, тут вводим индекс полученный после if/else
alert(columns[4].textContent); //и наконец получаем значение, тут вводим индекс выбранного столбца
str_start
объявляется в $(document).ready()
, то есть сразу после загрузки страницы. Соответственно, принимает она значение, изначально установленное в value
у #text-input
(те самые Ваши "один,три"), и... больше не переопределяется. Поэтому, как бы вы не тыркали чекбоксы, при вводе текста в #text-input-cityes
в начало #text-input
всё равно будет подставлено изначальное значение, которое хранится в str_start
.str_start
и использовать вместо неё $text.val()
, либо объявить переменную str_start
сразу после объявления $text
и переопределять её в $box.on("click")
, после $text.val(values.join(","));
.$(document).on({
change : function() {
var getBuffer = $('#get').val();
$('#get').val(getBuffer + ", " + $(this).val());
}
}, "#give");
$(document).ready(function() {
str_start = $('#myOutputText').val();
$('#myInputText').keyup(function() {
var words=$('#myInputText').val().split(',');
$('#myOutputText').val(str_start+", "+words.join(', '));
if (words == "") { $('#myOutputText').val(str_start);}
});
});
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<div>
<input type="text" id="text-input" />
</div>
<div>
<div>
<label>
<input type="checkbox" class="my-checkbox" value="1" />
First
</label>
</div>
<div>
<label>
<input type="checkbox" class="my-checkbox" value="2" />
Second
</label>
</div>
<div>
<label>
<input type="checkbox" class="my-checkbox" value="3" />
Third
</label>
</div>
</div>
</body>
</html>
jQuery(function($) {
var $text = $('#text-input'),
$box = $('.my-checkbox');
$box.on('click change', function() {
var values = [];
$box.filter(':checked').each(function() {
values.push(this.value);
});
$text.val(values.join(','));
});
});