select 下拉菜单的问题

Question

select 下拉菜单的问题
 <span class="span_40" id="companyTypeSpan">
    <select name="decEnterpriseInfo.companyType" id="companyType" 
            class="sel01" onchange="companyTypeChange('${decEnterpriseInfo.levyMethod}')"
            onFocus="onFocusSpan('companyTypeSpan')" onBlur="onBlurSpanChange('companyTypeSpan')">
        <c:forEach items="${enterpriseTypeList}" var="bean">
            <c:choose>
                <c:when test="${decEnterpriseInfo.companyType==bean.code}">
                    <option value="${bean.code}" selected="true">${bean.name}</option>
                </c:when>
                <c:otherwise>
                    <option value="${bean.code}">${bean.name}</option>
                </c:otherwise>
            </c:choose>
        </c:forEach>
    </select>
</span>
想做成点击下拉菜单时，span的背景改变 ，失去焦点是 span背景消失， 现在的问题是，第一次点，span背景改变，但是下拉菜单不展开，再点才展开，怎么才能同时实现呢？

Answer 1

在改变span背景色事件的最后让select聚焦试试看能不能解决这个问题

Answer 2

是 .select() 方法吗？试了，不行

Answer 3

onchange事件的方法放在onFocus里的onFocusSpan方法里  看看行得通不

Answer 4

应该是有这种问题 。。第一次点时先执行聚焦的函数去了 。。onchange没有执行 。。
顶下5楼的方法。。

Answer 5

试了，还是不行啊，onchange 事件的方法 不是在点击选项时才调用的吗？？？ 对js不是很熟悉！！