При значении инпута появляется блок

215
28 декабря 2017, 23:42

При получении значения из inpit, нужно чтоб появлялся еще один блок, если это значение равно 2 то появляется второй блок, если 3-ом то третий блок.Не могу понять, что не так. Пример

$("#someInput").blur(function() { 
  var someI = $('#someInput').val(); 
 
  console.log($('#someInput').val()); 
  if (someI > 0) { 
    $('#someInput0').removeClass('delete'); 
  } 
  if (someI > 1) { 
    $('#someInput1').removeClass('delete'); 
  } 
  if (someI > 2) { 
    $('#someInput2').removeClass('delete'); 
  } 
});
.delete { 
  display: none; 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="block-input"> 
  <div class="static-block"> 
    <label class="control-label" for="n">Кол-во этажей:       </label> 
    <input type="text" class="form-control" id="n" name="n" value="3" id="someInput"> 
  </div> 
  <div class="inpu-1"> 
    <label class="control-label" for="a">Периметр 1 этажа:</label> 
    <input type="text" class="form-control left_input" name="a" id="a" placeholder="" value=""> 
    <input type="text" class="form-control left_input" name="b" id="b" placeholder="" value=""> 
  </div> 
  <div class="inpu-2 delete" id="someInput1"> 
    <label id="" class="control-label">Периметр 2 этажа:</label> 
    <input type="text" id="a2" class="form-control left_input" name="a2" value=""> 
    <input type="text" id="b2" class="form-control left_input" name="b2" value=""> 
  </div> 
  <div class="inpu-3 delete" id="someInput2"> 
    <label id="" class="control-label">Периметр 3 этажа:</label> 
    <input type="text" id="a3" class="form-control left_input" name="a3" value=""> 
    <input type="text" id="b3" class="form-control left_input" name="b3" value=""> 
  </div> 
</div>

READ ALSO
Не удаляется класс с помощь которого выбран элемент

Не удаляется класс с помощь которого выбран элемент

Допустим мы выбираем элемент var $el = $('hi');

234
Получить json после ajax с преминением promise

Получить json после ajax с преминением promise

Есть функция, которая на входе принимает id затем посылает его на сервер, после чего в качестве ответа я получаю выборку и базыВсе хорошо работает

231
Ошибки jQuery — формируются запросы на версию самой jQuery. Как исправить?

Ошибки jQuery — формируются запросы на версию самой jQuery. Как исправить?

Всем привет!) Стоит задача - оптимизировать сайт под Google Page Speed Insights(PSI)Сайт на Wordpres

214