<div class="card-valid-date-field card-valid-date-year">
    <div class="dropdown">
        [{assign var="aYear" value=$oView->getCreditYears()}]
        <input type="hidden" id="sCardValidDateYearSelected" name="ACCOUNT.EXPIRY_YEAR" value="[{$aYear[0]}]" />
        <div class="dropdown-toggle" data-toggle="dropdown" data-target="#">
            <a id="dLabelCardValidDateYearSelected" role="button" href="#">
                <span id="cardValidDateYearSelected"></span>
                <i class="glyphicon-chevron-down"></i>
            </a>
        </div>
        <ul class="dropdown-menu" role="menu" aria-labelledby="dLabelCardValidDateYearSelected">
            [{foreach from=$aYear item=iYear}]
                <li class="dropdown-option">
                    <a tabindex="-1" data-selection-id="[{$iYear}]">[{$iYear}]</a>
                </li>
                [{if $dynvalue.kkyear == $iYear}]
                    [{oxscript add="$('#sCardValidDateYearSelected').val('$iYear');"}]
                [{/if}]
            [{/foreach}]
        </ul>
    </div>
</div>