<div class="search-tab col-xs-4" id="search-tab">
  <div class="box vaf vaf-search">
    <a class="head col-xs-9">
      <h4>Search By Vehicle</h4>
      <div class="dropdown-indicator dropdown-open fa fa-chevron-down"></div>
      <div class="dropdown-indicator dropdown-closed fa fa-chevron-right"></div>
    </a>
    <div class="content">
      <div class="spacer">
        <div class="slant"></div>
      </div>

      <!-- start "My Garage" -->
      <!-- end "My Garage" -->

      <form action="http://atpautomotive.com/vaf/product/list/" method="GET" id="vafForm" name="vafForm">
        <input type="hidden" id="vafProduct" value="0">
        <!-- start "category chooser" -->
        <input type="hidden" name="category" id="categorySelect" value="?">
        <!-- end "category chooser" -->

        <div class="search-group">
          <div class="col-xs-4">
            <label for="year">Year</label>
          </div>
          <div class="col-xs-8">
            <select name="year" class="selectpicker yearSelect {prevLevelsIncluding: 'year'}">
              <option value="0">----- Select -----</option>
              <option value="127">2016</option>
              <option value="126">2015</option>
              <option value="82">2014</option>
              <option value="81">2013</option>
              <option value="80">2012</option>
              <option value="79">2011</option>
              <option value="73">2010</option>
              <option value="71">2009</option>
              <option value="72">2008</option>
              <option value="70">2007</option>
              <option value="69">2006</option>
              <option value="68">2005</option>
              <option value="67">2004</option>
              <option value="66">2003</option>
              <option value="65">2002</option>
              <option value="64">2001</option>
              <option value="29">2000</option>
              <option value="28">1999</option>
              <option value="27">1998</option>
              <option value="26">1997</option>
              <option value="24">1996</option>
              <option value="23">1995</option>
              <option value="22">1994</option>
              <option value="21">1993</option>
              <option value="20">1992</option>
              <option value="19">1991</option>
              <option value="18">1990</option>
              <option value="17">1989</option>
              <option value="11">1988</option>
              <option value="10">1987</option>
              <option value="9">1986</option>
              <option value="8">1985</option>
              <option value="7">1984</option>
              <option value="6">1983</option>
              <option value="5">1982</option>
              <option value="3">1981</option>
              <option value="2">1980</option>
              <option value="4">1979</option>
              <option value="1">1978</option>
              <option value="14">1977</option>
              <option value="13">1976</option>
              <option value="12">1975</option>
              <option value="16">1974</option>
              <option value="15">1973</option>
              <option value="25">1972</option>
              <option value="31">1971</option>
              <option value="30">1970</option>
              <option value="44">1969</option>
              <option value="43">1968</option>
              <option value="42">1967</option>
              <option value="41">1966</option>
              <option value="40">1965</option>
              <option value="39">1964</option>
              <option value="38">1963</option>
              <option value="37">1962</option>
              <option value="36">1961</option>
              <option value="35">1960</option>
              <option value="34">1959</option>
              <option value="33">1958</option>
              <option value="32">1957</option>
              <option value="88">1956</option>
              <option value="87">1955</option>
              <option value="86">1954</option>
              <option value="97">1953</option>
              <option value="96">1952</option>
              <option value="95">1951</option>
              <option value="94">1950</option>
              <option value="93">1949</option>
              <option value="92">1948</option>
              <option value="91">1947</option>
              <option value="90">1946</option>
              <option value="89">1945</option>
              <option value="106">1944</option>
              <option value="105">1943</option>
              <option value="104">1942</option>
              <option value="107">1941</option>
              <option value="108">1940</option>
              <option value="109">1938</option>
              <option value="110">1937</option>
              <option value="111">1936</option>
              <option value="112">1935</option>
              <option value="113">1934</option>
              <option value="114">1933</option>
              <option value="115">1932</option>
              <option value="124">1931</option>
              <option value="121">1930</option>
              <option value="122">1929</option>
              <option value="123">1928</option>
              <option value="116">1927</option>
              <option value="117">1926</option>
              <option value="118">1925</option>
              <option value="119">1924</option>
              <option value="120">1923</option>
              <option value="125">1922</option>
              ?&gt;
            </select>
          </div>
          <br> </div>
        <div class="search-group">
          <div class="col-xs-4">
            <label for="make">Make</label>
          </div>
          <div class="col-xs-8">
            <select name="make" class="makeSelect {prevLevelsIncluding: 'year,make'}">
              <option value="0">----- Select -----</option>
              ?&gt;
            </select>
          </div>
          <br> </div>
        <div class="search-group">
          <div class="col-xs-4">
            <label for="model">Model</label>
          </div>
          <div class="col-xs-8">
            <select name="model" class="modelSelect {prevLevelsIncluding: 'year,make,model'}">
              <option value="0">----- Select -----</option>
              ?&gt;
            </select>
          </div>
          <br> </div>
        <div class="search-group last">
          <div class="col-xs-4">
            <label for="engine">Engine</label>
          </div>
          <div class="col-xs-8">
            <select name="engine" class="engineSelect {prevLevelsIncluding: 'year,make,model,engine'}">
              <option value="0">----- Select -----</option>
              <option value="" selected="selected">All</option>
              ?&gt;
            </select>
          </div>
          <br> </div>
        <div class="search-contain">
          <input type="button" value="Search" class="vafSubmit">
        </div>
        <script type="text/javascript">
          decorateGeneric(jQuery('.search-group'), ['last'])
        </script>
      </form>
    </div>
  </div>
  <script src="/skin/adminhtml/default/default/vf/jquery.metadata.pack.js" type="text/javascript" language="javascript"></script>
  <!--<script src="/skin/adminhtml/default/default/vf/jquery.simplemodal-1.3.min.js" type="text/javascript" language="javascript"></script>-->
  <script src="http://atpautomotive.com/vaf/ajax/js?front=1&amp;loadingStrategy=ajax&amp;unavailableSelections=show" type="text/javascript" language="javascript"></script>
  <link rel="stylesheet" type="text/css" href="/vafStyle.css.php" media="all">
  <!-- end VAF -->
  <form id="navigation_search" action="http://atpautomotive.com/catalogsearch/result/" method="get">

</div>
</form>
</div>
  $('.selectpicker').selectpicker();

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. //cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js
  2. //maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js