<div class="cardValidDateWrapper">
    <div class="card-valid-date-field card-valid-date-month">
        <div class="dropdown">
            <input type="hidden" id="sCardValidDateMonthSelected" name="ACCOUNT.EXPIRY_MONTH" value="01" />
            <div class="dropdown-toggle" data-toggle="dropdown" data-target="#">
                <a id="dLabelCardValidDateMonthSelected" role="button" href="#">
                    <span id="cardValidDateMonthSelected">01</span>
                    <i class="glyphicon-chevron-down"></i>
                </a>
            </div>
            <ul class="dropdown-menu" role="menu" aria-labelledby="dLabelCardValidDateMonthSelected">
                [{section name="iMonth" start=1 loop=13}]
                    [{assign var="sMonth" value=$smarty.section.iMonth.index|string_format:"%02d"}]
                    <li class="dropdown-option">
                        <a tabindex="-1" data-selection-id="[{$sMonth}]">[{$sMonth}]</a>
                    </li>
                    [{if $dynvalue.kkmonth == $sMonth}]
                        [{oxscript add="$('#sCardValidDateMonthSelected').val('$sMonth');"}]
                    [{/if}]
                [{/section}]
            </ul>
        </div>
    </div>