Ajax异步调用Controller的Return JsonResult生成下拉列表

摘要:
1@usingSystem.Web.Optimization ; 2@{3Layout=null;4}5678910111213˂sc
 1 @using System.Web.Optimization;
 2 @{
 3     Layout = null;
 4 }
 5 
 6 <!DOCTYPE html>
 7 
 8 <html>
 9 <head>
10     <meta name="viewport" content="width=device-width" />
11     <title></title>
12     <script src="~/css/jquery-1.7.1.js"></script>
13     <script type="text/javascript">
14         jQuery(document).ready(function () {
15             jQuery.get("/FruitCategory/SelectLists", null, function (ruselt) {
16                 jQuery("#category").empty().append(jQuery("<option/>", {
17                     value: 0,
18                     text: "请选择..."
19                 }));
20                 //jQuery.each(ruselt, function (index, item) {
21                 //    jQuery("#category").append(jQuery("<option/>", {
22                 //        value: item.Value,
23                 //        text: item.Text
24                 //    }));
25                 //})
26                 jQuery.each(ruselt, function (index,item) {
27                     jQuery("#category").append(jQuery("<option/>")
28                         .attr("value", item.Value)
29                         .text(item.Text));
30 
31                 })
32             })
33         })
34     </script>
35 </head>
36 <body>
37     <div id="Div_1">
38         <select id="category" class="category">
39         </select>
40     </div>
41 </body>
42 </html>

FruitCategoryEntity.cs

 1       //public List<SelectListItem> GetAll()
 2         //{
 3         //    List<SelectListItem> items = new List<SelectListItem>();
 4         //    DataTable dt = SQLHelper.ExecuteDataSet(SQLHelper.ConnectionStringLocalTransaction, CommandType.StoredProcedure, "usp_FruitCategory_GetAll", null).Tables[0];
 5         //    foreach (DataRow dr in dt.Rows)
 6         //    {
 7         //        items.Add(new SelectListItem
 8         //        {
 9         //            Text = dr.Field<string>("CategoryName"),
10         //            Value = dr.Field<int>("FruitCategory_nbr").ToString()
11         //        });
12         //    }
13         //    return items;
14         //}
15 
16         public IEnumerable<SelectListItem> GetAll()
17         {
18             DataTable dt = SQLHelper.ExecuteDataSet(SQLHelper.ConnectionStringLocalTransaction, CommandType.StoredProcedure, "usp_FruitCategory_GetAll", null).Tables[0];
19             IEnumerable<SelectListItem> items = dt.AsEnumerable().Select(Row => new SelectListItem()
20             {
21                 Text = Row.Field<string>("CategoryName"),
22                 Value = Row.Field<int>("FruitCategory_nbr").ToString()
23             });
24             return items;
25         }

FruitCategoryController.cs 控制器

1         public ActionResult SelectList()
2         {
3             return View();
4         }
5         public JsonResult SelectLists()
6         {
7             IEnumerable<SelectListItem> list = objFruitCategoryEntity.GetAll();
8             return Json(list, JsonRequestBehavior.AllowGet);
9         }

免责声明:文章转载自《Ajax异步调用Controller的Return JsonResult生成下拉列表》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇web安全测试之二ldap + kerberos 整合下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

day049--jQuery文档操作示例

DOM操作(CRUD增改查删)   创建元素 $('span') // 创建一个span标签   后置插入操作   append(), appendTo() <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <...

jQuery获取Select选择的Text和Value(详细汇总)

语法解释:  1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkVa...

Jquery 飘窗

1 <script type="text/javascript" src="jquery.js"></script> 2 <script type="text/javascript"> 3 (function($) { 4 $.fn.floatAd = function(options) { 5...

教你七招提高.NET网站性能

一、减少往返行程(Reduce Round Trips) 使用下面的方法可以减少Web服务器和Browser之间的往返行程: 1、为Browser启用缓存 如果呈现的内容是静态的或变化周期较长,应启用Browser缓存,避免发出冗余的http请求。 2、缓冲页面输出 如果可能,则尽量缓冲页面输出,处理结束后再一次传送到客户端,这可以避免频繁传递小块...

jQuery——样式与动画

通过jQuery,不仅能够轻松地为页面操作添加简单的视觉效果,甚至能创建更精致的动画。 ###修改内联CSSjQuery提供了.css()方法。 这个方法集getter(获取方法)和setter(设置方法)于一身。为取得某个样式属性的值,可以为这个方法传递一个字符串形式的属性名,然后同样得到一个字符串形式的属性值。要取得多个样式属性的值,可以传入属性名的...

第二百零九节,jQuery EasyUI,Pagination(分页)组件

jQuery EasyUI,Pagination(分页)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解 EasyUI 中 Pagination(分页)组件的使用方法,这个组件依赖于 LinkButton(按钮)组件。 一.加载方式 class 加载方式 <div id="box"class="easy...