博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Javascript获取DropDownList选项信息
阅读量:6677 次
发布时间:2019-06-25

本文共 1130 字,大约阅读时间需要 3 分钟。

这是一个asp.net普通javascript的练习,是使用javascript去获取DropDownList Selected 选项的信息,如text,value和index等。

Insus.NET在.aspx.cs内准备好一些数据,是有关浏览器相关信息的,并写在泛型Dictionary<T,V>:

private Dictionary
GetBrowser() { Dictionary
dict = new Dictionary
(); dict.Add("google", "chrome"); dict.Add("Mozilla", "firefox"); dict.Add("microsoft", "ie"); dict.Add("opera", "opera"); dict.Add("safari", "apple"); return dict; }
View Code

在网页中,拉(PULL)DropDownList控件入网页.aspx中。

View Code

去.aspx.cs为DropDownList控件绑定数据:
写Javascript脚本:

function GetSelectedInfo() {            var ddl = document.getElementById('<% =DropDownList1.ClientID %>');            var info = "      The value is: " + ddl.options[ddl.selectedIndex].value + ".\n\r                text is: " +                ddl.options[ddl.selectedIndex].text + ".\n\r option index is: " +                ddl.selectedIndex;            alert(info);        }
View Code

为了能执行上面的javascript脚本,Insus.NET在网页拉一个Button,然后让这个Button 执行一个OnClientClick客户端事件。

OK,试运行看看:

 

转载地址:http://vnyao.baihongyu.com/

你可能感兴趣的文章
IOC的概念这样理解更简单
查看>>
dubbo集群之Router模块
查看>>
漫话:如何给女朋友解释什么是编译与反编译
查看>>
新时代下如何做品牌之传统做法
查看>>
升级到swift5之后HandyJSON报错
查看>>
Docker for Windows 里的Shared Drives 设置不生效
查看>>
Mark Text 支持斗图的 markdown 编辑器
查看>>
Beten交易所与市场投资者共同发掘数字资产价值
查看>>
VUE简单的定时器实时刷新
查看>>
CSS学习--布局
查看>>
408之组成原理1:计算机发展历程
查看>>
OkHTTP、Retrofit 中文乱码解决方法
查看>>
web-http协议
查看>>
笔记-runtime源码解析之让你彻底了解底层源码
查看>>
iOS 动画四:transform 动画
查看>>
如何用cmake编译
查看>>
爬取需要登录的网站
查看>>
dubbo项目实战
查看>>
阳江a货翡翠,晋中a货翡翠
查看>>
关于JVM 内存的 N 个高频面试问题!
查看>>