1、说明通过 asp.net，利用jQuery ，c#语言给 select控件动态加载数据。前端页面使用的是.aspx类型的HTML页面，后台使用MVC上的controller控制器

2、webconfig 设置连接字符串

<configuration>
<connectionStrings>
   <add name="connectStr" connectionString="Data Source=192.168.1.105;Initial Catalog=TestDB;Persist Security Info=True;User ID=sa;pwd=sa;" providerName="System.Data.SqlClient" />
</connectionStrings>
</configuration>

3、获取连接字符串

public class DBHelper
    {
        /// <summary>
        /// 获取数据库连接字符串
        /// </summary>
        /// <returns></returns>
        public static string getConnStr()
        {
            return WebConfigurationManager.ConnectionStrings["connStr"].ToString();
        }
    }

4、用到的数据表

我这里的数据表是Oracle中的，大家也可以用sql数据库

CREATE TABLE "DMKJ_SYSINFO_TS"."T_USER"
   (    "ID" NUMBER(10,0),
    "NAME" VARCHAR2(255 BYTE),
    "DESCRIBE" VARCHAR2(255 BYTE)
   }

5、前端页面代码

说明：需要自己引用jQuery的库文件

 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="xx.aspx.cs" Inherits="xx.LoginPage" %>

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

     <title></title>

   //在这里引入jQuery的库文件

 </head>

 <body>

  <div >                                                                

 <select id="tt01"  style=" width: 150px; height: 40px;font-size:17px;line-height: 40px;padding-left: 60px;" >

   </select>

  </div>

 <script type="text/javascript">

         $(function () {

 GetUserList();

 });

  function GetUserList() {

             $.post("Login/GetUser", function (data) {

                 var table = data;

                 $("#tt01").empty(); //首先清空select现在有的内容

                 $("#tt01").append("<option selected='selected'  value=0>请选择用户..</option>");

                 for (var i = ; i < table.length; i++) {

                     var item = table[i];

                     $("#tt01").append("<option  value=" + item.id + ">" + item.text + "</option>");

                 }

                 //返回的是json格式的数据

             }, "json");

         }

    </script>

 </body>

 </html>

6、后台代码

   public JsonResult GetUser()

         {

             string sqlStr = "select * from HYMGS_SYSINFO_FJ.t_office";

             OleDbDataReader dr =myExecuteReader(sqlStr);

             List<OfficeEntity> myList = new List<OfficeEntity>();

             while(dr.Read())

             {

                 OfficeEntity ob1 = new OfficeEntity() {

                     id = Convert.ToInt32(dr["PID"].ToString()),

                     text = dr["NAME"].ToString()

                 };

                 myList.Add(ob1);

             }

             dr.Close();

             return Json(myList, JsonRequestBehavior.DenyGet);

         }

         public static OleDbDataReader myExecuteReader(string strSQL)

         {    

                         //获取连接字符串

 string strConn=DBHelper.getConnStr();

             OleDbConnection oraCn=new OleDbConnection(strConn) ;

             OleDbCommand OraCmd = new  OleDbCommand(strSQL,oraCn);

             try

             {

                 oraCn.Open ();

                 OleDbDataReader OraDr=OraCmd.ExecuteReader (CommandBehavior.CloseConnection);

                 return OraDr;

             }

             catch(OleDbException e)

             {

                 throw new Exception(e.Message);

             }

             finally

             {

                 //OraCmd.Dispose();

                 //oraCn.Close ();

             }

         }

7、实体类

  public class UserEntity

    {

        public int id { get; set; }

        public string text { get; set; }

    }

asp.net c# select 动态加载数据的更多相关文章

  1. ASP.NET MVC动态加载数据

    ASP.NET MVC动态加载数据,一般的做法是使用$.each方法来循环产生tabel: 你可以在html时先写下非动态的部分:  Source Code 上图中,有一行代码: <tbody ...

  2. Extjs-树 Ext.tree.TreePanel 动态加载数据

    先上效果图 1.说明Ext.tree.Panel 控件是树形控件,大家知道树形结构在软件开发过程中的应用是很广泛的,树形控件的数据有本地数据.服务器端返回的数据两种.对于本地数据的加载,在extjs的 ...

  3. AppCan学习笔记----关闭页面listview动态加载数据

    AppCan页面关闭 AppCan 的页面是由两个HTML组成,如果要完全关闭的话需要在主HTML eg.index.html中关闭,关闭方法:appcan.window.close(-1); 管道 ...

  4. [JS前端开发] js/jquery控制页面动态加载数据 滑动滚动条自动加载事件

    页面滚动动态加载数据,页面下拉自动加载内容 相信很多人都见过瀑布流图片布局,那些图片是动态加载出来的,效果很好,对服务器的压力相对来说也小了很多 有手机的相信都见过这样的效果:进入qq空间,向下拉动空 ...

  5. 微信小程序（五） 利用模板动态加载数据

    利用模板动态加载数据,其实是对上一节静态数据替换成动态数据:

  6. mui 动态加载数据出现的问题处理 (silder轮播组件 indexedList索引列表 下拉刷新不能继续加载数据)

    mui-slider 问题:动态给mui的图片轮播添加图片,轮播不滚动. 解决:最后把滚动轮播图片的mui(".mui-slider").slider({interval: 300 ...

  7. js实现滚动条来动态加载数据

    主要angular2+es6 data:Array<any> //展示的数据 allData:Array<any> //全部的数据 size:number = 10 //每次动 ...

  8. js/jquery控制页面动态加载数据 滑动滚动条自动加载事件--转他人的

    js/jquery控制页面动态加载数据 滑动滚动条自动加载事件--转他人的 相信很多人都见过瀑布流图片布局,那些图片是动态加载出来的,效果很好,对服务器的压力相对来说也小了很多 有手机的相信都见过这样 ...

  9. js动态加载数据并合并单元格

    js动态加载数据合并单元格, 代码如下所示,可复制直接运行: <!DOCTYPE HTML> <html lang="en-US"> <head> ...

随机推荐

  1. hdu 1728(搜索)

    逃离迷宫 Time Limit: 1000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Submis ...

  2. LeetCode OJ--Triangle **

    https://oj.leetcode.com/problems/triangle/ 一个三角形,类似于杨辉三角的形状,求从上到下最小的路径和,但走每一步都得是相邻的. 动态规划,从下到上一层层来. ...

  3. 洛谷——P2196 挖地雷

    题目背景 NOIp1996提高组第三题 题目描述 在一个地图上有N个地窖(N<=20),每个地窖中埋有一定数量的地雷.同时,给出地窖之间的连接路径.当地窖及其连接的数据给出之后,某人可以从任一处 ...

  4. jenkins按版本发布maven项目

    1.先为java这个项目创建三个版本 vim pom.xml vim src/main/java/com/ghz/testweb/App.java git add . git commit -m &q ...

  5. jenkins+gitlab发布maven项目

    1.简介:什么是Maven Maven是一个项目管理和综合工具.Maven提供给开发人员构建一个完整的生命周期框架; 开发团队可以自动完成该项目的基础设施建设,Maven使用标准的目录结构和默认构建生 ...

  6. Nginx日志参数、location匹配规则、设置密码

    1.三个参数 a)$http_referer:记录此次请求是从哪个链接访问过来的: 是直接访问,还是从其他网站跳转过来的. 例如:访问:http://www.etiantian.com/,其页面首页是 ...

  7. Codeforces Gym 100431D Bubble Sort 水题乱搞

    原题链接:http://codeforces.com/gym/100431/attachments/download/2421/20092010-winter-petrozavodsk-camp-an ...

  8. CDOJ_24 八球胜负

    8球是一种台球竞赛的规则.台面上有7个红球.7个黄球以及一个黑球,当然还有一个白球.对于本题,我们使用如下的简化规则:红.黄两名选手轮 流用白球击打各自颜色的球,如果将该颜色的7个球全部打进,则这名选 ...

  9. 扩展欧几里得算法(exGCD)学习笔记

    @(学习笔记)[扩展欧几里得] 本以为自己学过一次的知识不会那么容易忘记, 但事实证明, 两个星期后的我就已经不会做扩展欧几里得了...所以还是写一下学习笔记吧 问题概述 求解: \[ax + by ...

  10. Jenkins构建完成后通过SVN Publisher Plugin上传文件到指定的SVN（教程收集）

    SVN Publisher Plugin:https://wiki.jenkins-ci.org/display/JENKINS/SVN+Publisher 构建完成后的文件,比如Maven打的war ...