根據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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM