Customize state drop down

[consc198]

Hello guys,

 

I'm trying to customize the state drop down filed in creditcard.tpl however i am having some issues.

 

Here is my code up to now:

 

<div class="control-group">

<label class="control-label" for="state">{$LANG.clientareastate}</label>

<div class="controls">

<select name="state" id="state" class="state">

{foreach from=$state item=state}

<option>{$state}</option>

{/foreach}

</select>

</div>

</div>

 

That loads the state dropdown fine with the styling i want however it only lists the first state (Alabama), what changes should i make to the foreach loop to make it display all of the states as it should?

 

Thanks in advance!