zoukankan      html  css  js  c++  java
  • select与ajax结合

    要实现的功能是,点击select输入框,数据库里面的数据会以option弹出。

    这需要用到ajax异步连接数据库

    下面贴出代码

    先说明一下后台传递的数据是json,以map的形式传入的。后台代码很简单,这里就不累赘了

    直接贴出前台代码了

     <select id="courseSelect" class="select" size="1" onclick="find()" name="demo1" datatype="*" nullmsg="请选择所在城市!">
            </select>

    下面是js代码

        function  find(){
                if(document.getElementById("courseSelect").length==0){
                    $.ajax({
                        type:"get",
                        async:true,
                        url:"curriculum.do",
                        dataType:"json",   //必写
                        data: {method:"getAllCourseName"},
                        contentType: "application/x-www-form-urlencoded; charset=utf-8",  //防止提交中文乱码
                        success:function(msg){
                            for(var mi in msg){        //循环json
                                var txt2=$("<option value=msg[mi]></option>").text(msg[mi].name);
                                $("select").append(txt2); 
                            }
                        }  
                        });   
                        return true;
                        }else{
                        return false;
                        }
            }

    select中用的是onclick,js语句中记得要用if判断一下

  • 相关阅读:
    使用Gradle构建项目
    centos7配置IP地址
    安装docker报错问题
    使用Centos7 安装docker的步骤
    CentOS7安装步骤
    Mybatis使用 爬坑记录
    火锅蘸料自制
    mysql 几种索引的复习(温故而知新)
    java 内存泄漏 与 内存溢出
    内存泄漏排查
  • 原文地址:https://www.cnblogs.com/ouzilin/p/5068085.html
Copyright © 2011-2022 走看看