源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2022-12-15 17:56 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:用javascript为DropDownList控件下拉式选择添加一个Item至定义索引位置
用Javascript为DropDownList控件下拉式选择添加一个Item至定义索引位置。 准备数据,创建一个对象,将是存储DropDownList控件每个Item数据。
[u]复制代码[/u] 代码如下:
Imports Microsoft.VisualBasic Namespace Insus.NET Public Class Catalog Private _ID As Integer Private _Name As String Public Property ID As Integer Get Return _ID End Get Set(value As Integer) _ID = value End Set End Property Public Property Name As String Get Return _Name End Get Set(value As String) _Name = value End Set End Property End Class End Namespace
[b]在.aspx放置一个DropDownList控件[/b]:
[u]复制代码[/u] 代码如下:
<asp:DropDownList ID="DropDownListCatalog" runat="server"></asp:DropDownList>
[b]在.aspx.vb绑定数据[/b]:
[u]复制代码[/u] 代码如下:
Imports Insus.NET Partial Class _Default Inherits System.Web.UI.Page Protected Sub Page_Load(sender As Object, e As EventArgs) Handles Me.Load If Not IsPostBack Then Data_Binding() End If End Sub Private Sub Data_Binding() Me.DropDownListCatalog.DataSource = GetData() Me.DropDownListCatalog.DataValueField = "ID" Me.DropDownListCatalog.DataTextField = "Name" Me.DropDownListCatalog.DataBind() End Sub Private Function GetData() As List(Of Catalog) Dim cls As New List(Of Catalog) Dim cl As Catalog = New Catalog() cl.ID = 1 cl.Name = "新闻频道" cls.Add(cl) cl = New Catalog() cl.ID = 2 cl.Name = "体育频道" cls.Add(cl) cl = New Catalog() cl.ID = 3 cl.Name = "军事频道" cls.Add(cl) cl = New Catalog() cl.ID = 4 cl.Name = "教育频道" cls.Add(cl) Return cls End Function End Class
[b]准备数据与环境后,写Javascript[/b]:
[u]复制代码[/u] 代码如下:
window.onload = function () { var catalog = document.getElementById("<%=DropDownListCatalog.ClientID%>"); var obj = document.createElement("option") obj.text = "请选择..." obj.value = 0 catalog.options.insertBefore(obj, catalog.options[0]); }
[b]DEMO[/b]: [img]http://files.jb51.net/file_images/article/201301/201311691757331.gif?201301691819[/img]
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部