人渣的本愿百度云资源~希望免费

动态添加HTML标记中下拉列表框的处理方法
动态添加HTML标记中下拉列表框的处理方法
下拉列表框的HTML标记:&select id = "sel"&&/selcet&这样一个下拉列表框要通过JavaScript控制其中数据项的添加。实现添加的JS代码:(1)&& &通过这种方式获取页面上的select下拉列表对象。(2)&& &创建option对象。(3)&& &这里对新增加的Option对象进行赋值。&& &至此构造的Option应该是这新的效果:&option value=""&***&/option&(4)&& &添加Option对象到下拉列表框中。这样就能向下拉列表框中添加一项内容了。一个例子(1) HTML文件代码如下:(2) 程序运行截图:&& &1) 程序初始运行界面:&& & & & & &&& &2) 输入要添加的下拉列表框中数据项:&& & & & &&&& &3) 添加下拉列表框的选项:& & & & & &
发表评论:
TA的最新馆藏[转]&[转]&在 MVC 中动态绑定下拉菜单的方法&
1. 已知下拉菜单列表项:
在 Controller 控制器类中输入已下代码
&1&public&class&DemoController&:&Controller
&3&&&&&public&ActionResult&BindDropDownList()
&5&&&&&&&&&List&SelectListItem&&select1&=&new&List&SelectListItem&
&6&&&&&&&&&{
&7&&&&&&&&&&&&&new&SelectListItem&{&Text&=&&内容&,&Value&=&&值&&},
&8&&&&&&&&&&&&&new&SelectListItem&
&9&&&&&&&&&};
10&&&&&&&&&
11&&&&&&&&&ViewData[&select1&]&=&new&SelectList(select1,&&Value&,&&Text&,&&此处为默认项的值&);
12&&&&&&&&&
13&&&&&&&&&return&View();
在 View 中使用
1&&%=&Html.DropDownList(&select1&)&%&
这种方法简单明了,也比较方便,如果不用从数据库中读取数据的话,可以采用这种方法。
2. 从数据库或者数组中循环读取下拉列表项&
此处省略数据库连接代码,从数据库读出的数据与字符串数组中存储的数据类似,以下就以数组为例。&
在 Controller 中控制器类中输入已下代码
&1&public&class&DemoController&:&Controller
&3&&&&&public&ActionResult&BindDropDownList()
&5&&&&&&&&&string[]&texts&=&new&string[]&{&&一&,&&二&,&&三&,&n&};
&6&&&&&&&&&string[]&values&=&new&string[]&{&&1&,&&2&,&&3&,&n&};
&7&&&&&&&&&
&8&&&&&&&&&List&SelectListItem&&select1&=&new&List&SelectListItem&();
&9&&&&&&&&&
10&&&&&&&&&for&(int&i&=&0;&i&&&texts.L&i++)
11&&&&&&&&&{
12&&&&&&&&&&&&&select1.Add(new&SelectListItem
13&&&&&&&&&&&&&{
14&&&&&&&&&&&&&&&&&Text&=&texts[i],
15&&&&&&&&&&&&&&&&&Value&=&values[i]
16&&&&&&&&&&&&&});
17&&&&&&&&&};
18&&&&&&&&&
19&&&&&&&&&ViewData[&select1&]&=&new&SelectList(select1,&&Value&,&&Text&,&&此处为默认项的值&);
20&&&&&&&&&
21&&&&&&&&&return&View();
在 View 中使用&
1&&%=&Html.DropDownList(&select1&)&%&
其实这种方法看起来跟第1种比较类似,只是读取数据的时候,采用了一个循环的语句。&
3.& 从数据库中读取某表的所有下拉菜单列表项
此处假设已存在 Category 类,可以通过 Category.GetList() 方法获取该表的所有分类,该表包含 ID 和 Name 两个数据列。
在 Controller 中控制器类中输入已下代码
&1&public&class&DemoController&:&Controller
&3&&&&&public&ActionResult&BindDropDownList()
&5&&&&&&&&&List&CategoryEntiry&&categories&=&Category.GetAll();
&6&&&&&&&&&
&7&&&&&&&&&ViewData[&Categories&]&=&new&SelectList(categories,&&ID&,&&Name&);
&8&&&&&&&&&
&9&&&&&&&&&return&View();
在 View 中使用
1&//&首先将&ViewData&中的数据转化为&SelectList
2&&%&SelectList&categories&=&ViewData[&Categories&]&as&SelectL&%&
4&//&然后才能输出
5&&%=&Html.DropDownList(&Category&,&categories)&%&
在这里需要注意,就是第3种与前2种在 View 中使用方法稍有不同,当然也可以将前2种方法改为第3种方法,或者将第3种方法改为前2种方法。
参考知识库
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:29258次
积分:1085
积分:1085
排名:千里之外
原创:75篇
转载:56篇
(2)(1)(4)(1)(1)(5)(3)(4)(2)(6)(9)(15)(10)(13)(31)(24)君,已阅读到文档的结尾了呢~~
广告剩余8秒
文档加载中
基于C的企事业人事管理系统(可编辑),人事管理系统,企业人事管理系统,南通人事管理系统,人事管理系统 免费,人事管理系统论文,人事管理系统er图,人事管理系统流程图,人事管理系统软件,高校人事管理系统
扫扫二维码,随身浏览文档
手机或平板扫扫即可继续访问
基于C的企事业人事管理系统(可编辑)
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由:
将文档分享至:
分享完整地址
文档地址:
粘贴到BBS或博客
flash地址:
支持嵌入FLASH地址的网站使用
html代码:
&embed src='/DocinViewer-4.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布,请您等待!
3秒自动关闭窗口

我要回帖

 

随机推荐