zoukankan      html  css  js  c++  java
  • 根据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>
  • 相关阅读:
    JavaScript中Null和Undefined的区别
    javascript中的计算题
    数组去重
    javascript面向对象中继承实现的几种方式
    数列求值 题解
    首字母变大写 题解
    发工资咯:) 题解
    绝对值排序 题解
    数列有序 题解
    母牛的故事 题解
  • 原文地址:https://www.cnblogs.com/rose1324/p/8513650.html
Copyright © 2011-2022 走看看