根据value值动态选中select的option

 　　　　　　　　　<span>性别</span>
                <select id="sex" name="sex" >
                    <option selected="selected" value="">请选择</option>  //默认选项为请选择
                    <option value="1">男</option>
                    <option value="0">女</option>
                </select>

 

比方说我们从数据库获取到了一个人的信息，性别为男，一般情况下数据库存的是相对应的value  ---1。

所以我们可以用ajax实现：1.从数据库获取相对应的value值

　　　　　　　　　　　　2.移除默认选项的选中状态  removeAttr("selected")

　　　　　　　　　　　　3.根据ajax返回的value值来动态选中相对应选项。

　

<script src="./js/jquery-1.11.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
    sex();
    
});
    function sex(){
    //var sex = $().val();    
    $.ajax({
        url:"post.php",                                                      //1.从数据库获取相对应的value值,一般登录状态下对应的用户名都存了session
        //async:false,
        type:"POST",
        dataType:"TEXT",
        success: function(data){
            $("#sex option[value='']").removeAttr("selected");               //2.移除默认选项的选中状态  removeAttr("selected")
            $("#sex option[value='"+data+"']").attr("selected","selected");  //3.根据ajax返回的value值来动态选中相对应选项。
  
        }    
    })
}
</script>