Change selected option in select (form)
<select name="item[type]">
    <option value="0" class="dr">First</option>
    <option value="1" class="dr">Second</option>
    <option value="2" class="dr">Third</option>
    <option value="3" class="dr">Fourth</option>
    </select>

<select name="item[type]" id="selectBoxId">
<option value="0" class="dr">First</option>
<option value="1" class="dr">Second</option>
<option value="2" class="dr">Third</option>
<option value="3" class="dr">Fourth</option>
</select>


<script type="text/javascript">
    var test = "<?= $test; ?>";
    if (test != '' && parseInt(test)) {
        document.getElementById('selectBoxId').selectedIndex = test;
    }
</script>

<select name="item[type]">
    <option <?=$test==0?'selected="selected"':'';?> value="0" class="dr">First</option>
    <option <?=$test==1?'selected="selected"':'';?> value="1" class="dr">Second</option>
    <option <?=$test==2?'selected="selected"':'';?> value="2" class="dr">Third</option>
    <option <?=$test==3?'selected="selected"':'';?> value="3" class="dr">Fourth</option>
</select>

<? $selected[$test] = 'selected="selected"'; ?>

<select name="item[type]">
    <option <?=$selected[0];?> value="0" class="dr">First</option>
    <option <?=$selected[1];?> value="1" class="dr">Second</option>
    <option <?=$selected[2];?> value="2" class="dr">Third</option>
    <option <?=$selected[3];?> value="3" class="dr">Fourth</option>
</select>