HTML Code:
<mvt:if expr="g.States_Empty"> <div class="c-form-list__item o-layout__item u-width-3--m &mvte:global:ShipState_Row;"> <label id="ShipState_label" class="c-form-label u-text-medium is-required" for="ShipState">State/Province</label> <input id="ShipState" class="c-form-input" type="text" name="ShipState" value="&mvte:global:ShipState;" &mvte:shipping_required; aria-describedby="ShippingInformation ShipState_label" autocomplete="address-level1"> </div> <mvt:else> <div class="c-form-list__item o-layout__item u-width-3--m &mvte:global:ShipState_Row;"> <label id="ShipStateSelect_label" class="c-form-label u-text-medium is-required" for="ShipStateSelect">State/Province</label> <input name="ShipState" type="hidden" value="&mvte:global:ShipState;"> <mvt:comment> <input id="ShipStateSelect" class="c-form-input" data-datalist list="ShipStateDatalist" name="ShipStateSelect" placeholder="Select or Type" type="text" value="&mvte:global:ShipStateSelect;" &mvte:shipping_required; aria-describedby="ShippingInformation ShipStateSelect_label" autocomplete="address-level1"> <datalist id="ShipStateDatalist"> <mvt:foreach array="global:StateDatalist" iterator="StateData"> <option value="&mvte:StateData:code;">&mvte:StateData:name ;</option> </mvt:foreach> </datalist> </mvt:comment> <div class="c-form-select"> <select name="ShipStateSelect" id="ShipStateSelect" class="c-form-select__dropdown" aria-describedby="ShippingInformation ShipState_label" autocomplete="state"> <option value="">Select State</option> <mvt:foreach array="global:StateDatalist" iterator="StateData"> <option value="&mvte:StateData:code;">&mvte:StateData:name ;</option> </mvt:foreach> </select> </div> </div> </mvt:if>
Leave a comment: