用Javascript为DropDownList添加一个Item至定义索引位置

用Javascript为DropDownList控件下拉式选择添加一个Item至定义索引位置。

准备数据，创建一个对象，将是存储DropDownList控件每个Item数据。

View Code

Imports Microsoft.VisualBasic
Namespace Insus.NETPublic Class CatalogPrivate _ID As IntegerPrivate _Name As StringPublic Property ID As IntegerGetReturn _IDEnd GetSet(value As Integer)_ID = valueEnd SetEnd PropertyPublic Property Name As StringGetReturn _NameEnd GetSet(value As String)_Name = valueEnd SetEnd PropertyEnd Class
End Namespace

在.aspx放置一个DropDownList控件：

<asp:DropDownList ID="DropDownListCatalog" runat="server"></asp:DropDownList>

在.aspx.vb绑定数据：

View Code

Imports Insus.NETPartial Class _DefaultInherits System.Web.UI.PageProtected Sub Page_Load(sender As Object, e As EventArgs) Handles Me.LoadIf Not IsPostBack ThenData_Binding()End IfEnd SubPrivate Sub Data_Binding()Me.DropDownListCatalog.DataSource = GetData()Me.DropDownListCatalog.DataValueField = "ID"Me.DropDownListCatalog.DataTextField = "Name"Me.DropDownListCatalog.DataBind()End SubPrivate Function GetData() As List(Of Catalog)Dim cls As New List(Of Catalog)Dim cl As Catalog = New Catalog()cl.ID = 1cl.Name = "新闻频道"cls.Add(cl)cl = New Catalog()cl.ID = 2cl.Name = "体育频道"cls.Add(cl)cl = New Catalog()cl.ID = 3cl.Name = "军事频道"cls.Add(cl)cl = New Catalog()cl.ID = 4cl.Name = "教育频道"cls.Add(cl)Return clsEnd FunctionEnd Class

准备数据与环境后，写Javascript:

View Code

 window.onload = function () {var catalog = document.getElementById("<%=DropDownListCatalog.ClientID%>");var obj = document.createElement("option")obj.text = "请选择..."obj.value = 0catalog.options.insertBefore(obj, catalog.options[0]);}

DEMO:

用Javascript为DropDownList添加一个Item至定义索引位置相关推荐

如何把 DropDownList 某一个 Item 的 Text 改成粗体 ?
这是昨天 CSDN 里面的一个帖子 http://community.csdn.net/Expert/TopicView3.asp?id=5637788 今天发现竟然成为头条了. 本以为,可以像设置字 ...
添加删除按钮html代码怎么写,JavaScript添加一个文本框并带有删除按钮
JavaScript添加一个文本框并带有删除按钮属于前端实例代码,有关更多实例代码大家可以查看. 实际操作中可能需要动态的创建和删除一个元素,比较常见是添加一个文本框和一个删除按钮,点击删除按钮可以删 ...
android listview里item添加一个按钮点击事件,ListView Item点击事件跳转详情界面
有好久都没有碰安卓了,考试加五一双组合也真是让人蛋疼.好在都平安的度过了,所以又有时间gun回来弄弄我的小博客(虽然没多少人看= =).看了之前做的几个小demo,模式都差不多,但是每次写的时候都要在 ...
JavaScript 添加一个元素标签
JavaScript 添加一个元素标签文章目录 JavaScript 添加一个元素标签代码效果代码 <!DOCTYPE html> <html><head> ...
android列表集合点击事件,给ListeView列表中的每一个Item添加点击事件
首先声明本文主要是在ArrayAdapter.SimpleAdapter中对ListView的每一项进行点击事件! 先看下运行结果第一步:在xml布局中写一个ListView android:lay ...
为DropDownList 添加optgroup分组以及为ListItem 加式样
先写一个类库文件(对原文件做了修改),如下: /// <summary> /// 冯东耀修改于2008-11-21 /// </summary> pub ...
Javascript DOM动态添加表格
一次翻译技术文章,本身英语水平很烂,翻译的也是自己刚开始学习的技术,所以能勉强看懂英文的话都要尽量读原文而不要看我的翻译,免得被误导.阅读原文这篇文章简单介绍了DOM 1.0一些基本而强大的方法 ...
javascript字典中添加数组_如何在JavaScript中使用数组方法：Mutator方法
JavaScript中的数组由元素列表组成.JavaScript有许多有用的内置方法来处理数组.修改原始数组的方法称为mutator方法,返回新值或表示的方法称为accessor方法.在本教程中,我们 ...
用JavaScript在网页编写一个播放器
今天是教师节,我先祝各位老师节日快乐!!! 今天我和大家分享用JavaScript在网页编写一个播放器. 对于播放器,大家都不陌生,那么要怎么样才能实现它呢? 下面是我做的一个播放器的图首先我们从上 ...

用Javascript为DropDownList添加一个Item至定义索引位置

用Javascript为DropDownList添加一个Item至定义索引位置相关推荐

最新文章

热门文章