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. 获取本机外网IP的工具类

    ExternalIpAddressFetcher.java package com.tyust.common; import java.io.IOException; import java.io.I ...

  2. VS2010 + winxp 无法定位程序输入点GetTickCount64 在动态链接库kernel32.dll上 错误

    winxp系统,使用VS2010, 在使用boost中的thread中的sleep的时候出现 “无法定位程序输入点GetTickCount64 在动态链接库kernel32.dll上”的错误, 在网上 ...

  3. Manjaro中源码安装gcc7.1

    刚刚gcc 7.1也出来了,想在使用熟悉的linux下试试,特记录如下: 准备必要的系统环境:(升级系统到最新,安装必要的工具) pacman -Syyu                        ...

  4. Mac 下安装Ant

    转自:http://blog.csdn.net/crazybigfish/article/details/18215439 如果你不知道什么是ant,请不要浪费你的时间继续读下去了.或者你对ant是什 ...

  5. LeetCode OJ-- Restore IP Addresses

    https://oj.leetcode.com/problems/restore-ip-addresses/ string到int的ip地址格式化. 分别用 i+1,j+1,k+1,表示前三个地址段的 ...

  6. Codeforces Gym101502 F.Building Numbers-前缀和

    F. Building Numbers   time limit per test 3.0 s memory limit per test 256 MB input standard input ou ...

  7. Codefroces Gym101572 I.Import Spaghetti-有向图跑最小环输出路径(Floyd)

    暑假学的很多东西,现在都忘了,补这道题还要重新学一下floyd,有点难过,我暑假学的东西呢??? 好了,淡定,开始写题解. 这个题我是真的很难过啊,输入简直是有毒啊(内心已经画圈诅咒出题人无数次了.. ...

  8. R语言集合函数

    union intersect setdiff(A,B):A-B A %in% B :A是否存在于B

  9. JavaScript实现弹幕效果

    效果如下 <html> <head> <title></title> <script src="https://cdn.staticfi ...

  10. U-boot for Tiny4412

    我的开发板型号: Tiny4412ADK + S700 4GB Flash 1. Build uboot a) 安装好toolchain (arm-linux-gcc-4.5.1-v6-vfp-201 ...