Aleksander911

Создать тег datalist, с вложенными тегами option которым задать соответствующий текст и из input ссылаться на этот список при помощи атрибута list.

Список городов будет в виде выпадающего списка.

<input type="text" list="city">

<datalist id="city">
    <option value="Moscow">Moscow</option>
    <option value="Samara">Samara</option>
    <option value="Sochi">Sochi</option>
</datalist>

var count = 0;
$(function() {
    count = $('input.com-check:checked').length;
    displayCount();

    $(document).on('click', 'input.com-check', function(e, a) {   
         if (this.checked) {
              count += a ? -1 : 1;
         } else {
              count += a ? 1 : -1;
         }
         displayCount();
    });
    $('#invert').click(function(e) {    
         $('input.com-check').trigger('click', true)
    });
});
function displayCount() {
    $('#count').text(count);
}

<form id="search" method="get" action="/search">
<div class="block">
<select id="number" class="span3" name="number">
 <option value="0">Выбрать</option>
 <option value="1">Первый</option>
 <option value="2">Второй</option>
</select>
</div>
<div class="block">
<select id="textID" class="span3" name="textID">
 <option value="0">Выбрать</option>
 <option value="11">Да</option>
 <option value="12">Нет</option>
</select>
</div>
<button id="btn" value="Submit">ответить</button>
</form>

if($("#textID").val() == 0){
  $("#btn").attr("disabled", "disabled");
}
$("#textID").on("change", function(){
  if($("#textID").val() == 0){
  $("#btn").attr("disabled", "disabled");
}else{
  $("#btn").removeAttr("disabled");
}
$("#btn").on("click", function(){
   alert('ответ');
 })
})

$('input[type="checkbox"]').on('change', function() { 
    if ($(this).prop('checked')) { 
        $(".appartment").off('mouseenter');
        $.cookie('map-trigger-status', 'off'); // Библиотека для работы с cookies: https://github.com/carhartl/jquery-cookie
    }
});

Указать диву класс и повесить обработчик на него. А ид параметром.

<div class="card-item" item-id="<?php echo $item->id; ?>" id="card<?php echo $item->id; ?>">Текст</div>
<script>
$('.card-item').each(function(){
    var item_id = $(this).attr('item-id');
});
</script>

Посмотри виджеты https://github.com/kartik-v/yii2-widgets
Скорее всего вот это demos.krajee.com/widget-details/typeahead#advanced...

Сперва нужно уменьшить яркость и контрастность изображения инструментом Brightness/Contrast: Brightness поставить где-то на -20, а Contrast на -10, галочка Use Legacy должна быть включена. Затем нужно сбавить насыщенность инструментом Hue/Saturation: Saturation поставить в районе -60. Далее чуть приподнимем контраст, не заваливая тени и яркие участки инструментом Curves: в настройках инструмента выбрать пресет Linear Contrast (RGB). Ну а далее можно уже тонировать изображение. Необходимо создать на самом верху слой со сплошной заливкой цветом #2f5d9d, поставить режим смешивания Overlay, а Fill поставить на 40%. Вот что у меня получилось с такой последовательностью действий:

Зависит от контекста. Для современных браузеров подойдёт решение с CSS3 единицами 'vh';
Для старых браузеров придётся задействовать javascript и отслеживать высоту экрана.
caniuse.com/#feat=viewport-units - первый вариант, height: 100vh соответствует высоте окна браузера.
https://api.jquery.com/height/ - второй вариант, $(window).height вернёт высоту окна браузера.
По первому варианту:

#hei {
    height: 100vh; /* 100vh - 100% от высоты viewport(окна браузера) */
}

По второму варианту:

function setHeiHeight() {
    $('#hei').css({
        height: $(window).height() + 'px'
    });
}
setHeiHeight(); // устанавливаем высоту окна при первой загрузке страницы
$(window).resize( setHeiHeight ); // обновляем при изменении размеров окна