关于input获得焦点显示下面的select问题

Question

<input  type="text" class="form-control" onfocus="inputFocus(this);" onblur="matterChange(this);">
<select    multiple  class="form-control">
    <option value="">BAX</option>
    <option value="">sfv</option>
    <option value="">AA</option>
</select>
function inputFocus(obj){/*input获得焦点事件*/
    $(obj).next().show();
}
function matterChange(obj){/*input失去焦点事件*/
    var selectVal=$(obj).next().children("option:selected").text();
    $(obj).val(selectVal);
    var inputVal=$(obj).val();
    if(inputVal != null && inputVal.length > 0 && inputVal == selectVal){
        $(obj).next().hide();
    }else{/* 没有选中值 */
        $(obj).val("");
        $(obj).next().hide();
    }
}
想要实现的效果是：input获得焦点时，select显示，当选择了option时，将选择option的值传到input，并且隐藏input。但是在没有选中option时可以点击input和select以外的地方使select消失
现在基本能实现这种效果。只是在火狐可以。在谷歌，360，IE上第一次点击获取不到option的值，第二次就可以。有没有什么方法解决这种问题或者换个方法，求大神指导！！！